Color conversion
Color conversion for #3F86CA
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 63 | 134 | 202 | |
|---|---|---|---|---|
| HSL | 209.35° | 56.73% | 51.96% | |
| HSV | 209.35° | 68.81% | 79.22% | |
| CMYK | 68.81% | 33.66% | 0% | 20.78% |
| XYZ | 21.2317 | 22.369 | 59.0644 | |
| Yxy | 22.369 | 0.2068 | 0.2179 | |
| Hunter Lab | 47.2959 | -2.6376 | -40.9069 | |
| CIE-Lab | 54.4164 | -0.1398 | -41.7042 | |
| CIE-LCH | 54.4164 | 41.7044 | 269.8079 | |
| CIE-LUV | 54.4164 | -27.4398 | -64.5884 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00111111 | 10000110 | 11001010 |
| Octal | 77 | 206 | 312 |
| Decimal | 63 | 134 | 202 |
| Hex | 3F | 86 | CA |
RGB percentages
CMYK percentages
Shades #3F86CA
Tints #3F86CA
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#3F86CA color on black
#3F86CA color sample text
#3F86CA color on white
#3F86CA color sample text
#3F86CA CSS codes
.background { background-color: #3F86CA; }
.text { color: #3F86CA; }
.border { border: 3px solid #3F86CA; }
.shadow { box-shadow: 0 8px 28px rgba(63, 134, 202, 0.35); }
CSS preview
Accessibility
Contrast on white3.84:1Large text
Contrast on black5.47:1AA
Web safe#3399CCNear
Luminance0.22370-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#3F86CA color
PortuguêsCor #3F86CA
EspañolColor #3F86CA
한국어#3F86CA 색상
日本語#3F86CA の色
中文#3F86CA 颜色
DeutschFarbe #3F86CA
FrançaisCouleur #3F86CA
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #3F86CA color.
Related shades
See Blues