Color conversion
Color conversion for #3A4366
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 58 | 67 | 102 | |
|---|---|---|---|---|
| HSL | 227.73° | 27.5% | 31.37% | |
| HSV | 227.73° | 43.14% | 40% | |
| CMYK | 43.14% | 34.31% | 0% | 60% |
| XYZ | 6.1496 | 5.8729 | 13.3773 | |
| Yxy | 5.8729 | 0.2421 | 0.2312 | |
| Hunter Lab | 24.2341 | 2.8859 | -15.7517 | |
| CIE-Lab | 29.0895 | 6.3758 | -21.6853 | |
| CIE-LCH | 29.0895 | 22.6032 | 286.3841 | |
| CIE-LUV | 29.0895 | -5.59 | -28.358 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111010 | 01000011 | 01100110 |
| Octal | 72 | 103 | 146 |
| Decimal | 58 | 67 | 102 |
| Hex | 3A | 43 | 66 |
RGB percentages
CMYK percentages
Shades #3A4366
Tints #3A4366
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#3A4366 color on black
#3A4366 color sample text
#3A4366 color on white
#3A4366 color sample text
#3A4366 CSS codes
.background { background-color: #3A4366; }
.text { color: #3A4366; }
.border { border: 3px solid #3A4366; }
.shadow { box-shadow: 0 8px 28px rgba(58, 67, 102, 0.35); }CSS preview
Accessibility
Contrast on white9.66:1AAA
Contrast on black2.17:1Poor
Web safe#333366Near
Luminance0.05870-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#3A4366 color
PortuguêsCor #3A4366
EspañolColor #3A4366
한국어#3A4366 색상
日本語#3A4366 の色
中文#3A4366 颜色
DeutschFarbe #3A4366
FrançaisCouleur #3A4366
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #3A4366 color.
Related shades
See Blues