Color conversion
Color conversion for #3A6777
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 58 | 103 | 119 | |
|---|---|---|---|---|
| HSL | 195.74° | 34.46% | 34.71% | |
| HSV | 195.74° | 51.26% | 46.67% | |
| CMYK | 51.26% | 13.45% | 0% | 53.33% |
| XYZ | 9.9237 | 11.9311 | 19.2292 | |
| Yxy | 11.9311 | 0.2415 | 0.2904 | |
| Hunter Lab | 34.5414 | -9.1651 | -8.8148 | |
| CIE-Lab | 41.1064 | -10.7075 | -13.7504 | |
| CIE-LCH | 41.1064 | 17.4277 | 232.0919 | |
| CIE-LUV | 41.1064 | -19.6957 | -17.5574 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111010 | 01100111 | 01110111 |
| Octal | 72 | 147 | 167 |
| Decimal | 58 | 103 | 119 |
| Hex | 3A | 67 | 77 |
RGB percentages
CMYK percentages
Shades #3A6777
Tints #3A6777
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#3A6777 color on black
#3A6777 color sample text
#3A6777 color on white
#3A6777 color sample text
#3A6777 CSS codes
.background { background-color: #3A6777; }
.text { color: #3A6777; }
.border { border: 3px solid #3A6777; }
.shadow { box-shadow: 0 8px 28px rgba(58, 103, 119, 0.35); }
CSS preview
Accessibility
Contrast on white6.2:1AA
Contrast on black3.39:1Large text
Web safe#336666Near
Luminance0.11930-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#3A6777 color
PortuguêsCor #3A6777
EspañolColor #3A6777
한국어#3A6777 색상
日本語#3A6777 の色
中文#3A6777 颜色
DeutschFarbe #3A6777
FrançaisCouleur #3A6777
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #3A6777 color.
Related shades
See Blues