Color conversion
Color conversion for #2277CC
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 34 | 119 | 204 | |
|---|---|---|---|---|
| HSL | 210° | 71.43% | 46.67% | |
| HSV | 210° | 83.33% | 80% | |
| CMYK | 83.33% | 41.67% | 0% | 20% |
| XYZ | 18.1515 | 17.8911 | 59.6117 | |
| Yxy | 17.8911 | 0.1898 | 0.187 | |
| Hunter Lab | 42.2979 | 2.5787 | -53.918 | |
| CIE-Lab | 49.3638 | 6.1948 | -50.9179 | |
| CIE-LCH | 49.3638 | 51.2934 | 276.9367 | |
| CIE-LUV | 49.3638 | -26.8348 | -78.4961 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 01110111 | 11001100 |
| Octal | 42 | 167 | 314 |
| Decimal | 34 | 119 | 204 |
| Hex | 22 | 77 | CC |
RGB percentages
CMYK percentages
Shades #2277CC
Tints #2277CC
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2277CC color on black
#2277CC color sample text
#2277CC color on white
#2277CC color sample text
#2277CC CSS codes
.background { background-color: #2277CC; }
.text { color: #2277CC; }
.border { border: 3px solid #2277CC; }
.shadow { box-shadow: 0 8px 28px rgba(34, 119, 204, 0.35); }CSS preview
Accessibility
Contrast on white4.59:1AA
Contrast on black4.58:1AA
Web safe#3366CCNear
Luminance0.17890-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2277CC color
PortuguêsCor #2277CC
EspañolColor #2277CC
한국어#2277CC 색상
日本語#2277CC の色
中文#2277CC 颜色
DeutschFarbe #2277CC
FrançaisCouleur #2277CC
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2277CC color.
Related shades
See Blues