Color conversion
Color conversion for #337FF2
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 51 | 127 | 242 | |
|---|---|---|---|---|
| HSL | 216.13° | 88.02% | 57.45% | |
| HSV | 216.13° | 78.93% | 94.9% | |
| CMYK | 78.93% | 47.52% | 0% | 5.1% |
| XYZ | 24.9758 | 22.2904 | 86.9733 | |
| Yxy | 22.2904 | 0.1861 | 0.166 | |
| Hunter Lab | 47.2127 | 11.8045 | -76.1299 | |
| CIE-Lab | 54.3338 | 17.093 | -64.3038 | |
| CIE-LCH | 54.3338 | 66.5368 | 284.8859 | |
| CIE-LUV | 54.3338 | -25.9728 | -102.3466 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110011 | 01111111 | 11110010 |
| Octal | 63 | 177 | 362 |
| Decimal | 51 | 127 | 242 |
| Hex | 33 | 7F | F2 |
RGB percentages
CMYK percentages
Shades #337FF2
Tints #337FF2
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#337FF2 color on black
#337FF2 color sample text
#337FF2 color on white
#337FF2 color sample text
#337FF2 CSS codes
.background { background-color: #337FF2; }
.text { color: #337FF2; }
.border { border: 3px solid #337FF2; }
.shadow { box-shadow: 0 8px 28px rgba(51, 127, 242, 0.35); }CSS preview
Accessibility
Contrast on white3.85:1Large text
Contrast on black5.46:1AA
Web safe#3366FFNear
Luminance0.22290-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#337FF2 color
PortuguêsCor #337FF2
EspañolColor #337FF2
한국어#337FF2 색상
日本語#337FF2 の色
中文#337FF2 颜色
DeutschFarbe #337FF2
FrançaisCouleur #337FF2
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #337FF2 color.
Related shades
See Blues