Color conversion
Color conversion for #3F567F
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 63 | 86 | 127 | |
|---|---|---|---|---|
| HSL | 218.44° | 33.68% | 37.25% | |
| HSV | 218.44° | 50.39% | 49.8% | |
| CMYK | 50.39% | 32.28% | 0% | 50.2% |
| XYZ | 9.2072 | 9.244 | 21.3737 | |
| Yxy | 9.244 | 0.2312 | 0.2321 | |
| Hunter Lab | 30.4039 | 0.8477 | -20.3813 | |
| CIE-Lab | 36.4499 | 3.5552 | -25.804 | |
| CIE-LCH | 36.4499 | 26.0478 | 277.8447 | |
| CIE-LUV | 36.4499 | -11.4242 | -35.956 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111111 | 01010110 | 01111111 |
| Octal | 77 | 126 | 177 |
| Decimal | 63 | 86 | 127 |
| Hex | 3F | 56 | 7F |
RGB percentages
CMYK percentages
Shades #3F567F
Tints #3F567F
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#3F567F color on black
#3F567F color sample text
#3F567F color on white
#3F567F color sample text
#3F567F CSS codes
.background { background-color: #3F567F; }
.text { color: #3F567F; }
.border { border: 3px solid #3F567F; }
.shadow { box-shadow: 0 8px 28px rgba(63, 86, 127, 0.35); }
CSS preview
Accessibility
Contrast on white7.37:1AAA
Contrast on black2.85:1Poor
Web safe#336666Near
Luminance0.09240-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#3F567F color
PortuguêsCor #3F567F
EspañolColor #3F567F
한국어#3F567F 색상
日本語#3F567F の色
中文#3F567F 颜色
DeutschFarbe #3F567F
FrançaisCouleur #3F567F
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #3F567F color.
Related shades
See Blues