Color conversion
Color conversion for #2C8AE3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 44 | 138 | 227 | |
|---|---|---|---|---|
| HSL | 209.18° | 76.57% | 53.14% | |
| HSV | 209.18° | 80.62% | 89.02% | |
| CMYK | 80.62% | 39.21% | 0% | 10.98% |
| XYZ | 23.987 | 24.2555 | 76.0757 | |
| Yxy | 24.2555 | 0.1929 | 0.1951 | |
| Hunter Lab | 49.2499 | 0.7499 | -57.0738 | |
| CIE-Lab | 56.3427 | 4.1504 | -52.7413 | |
| CIE-LCH | 56.3427 | 52.9044 | 274.4995 | |
| CIE-LUV | 56.3427 | -30.8304 | -83.4858 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00101100 | 10001010 | 11100011 |
| Octal | 54 | 212 | 343 |
| Decimal | 44 | 138 | 227 |
| Hex | 2C | 8A | E3 |
RGB percentages
CMYK percentages
Shades #2C8AE3
Tints #2C8AE3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#2C8AE3 color on black
#2C8AE3 color sample text
#2C8AE3 color on white
#2C8AE3 color sample text
#2C8AE3 CSS codes
.background { background-color: #2C8AE3; }
.text { color: #2C8AE3; }
.border { border: 3px solid #2C8AE3; }
.shadow { box-shadow: 0 8px 28px rgba(44, 138, 227, 0.35); }CSS preview
Accessibility
Contrast on white3.59:1Large text
Contrast on black5.85:1AA
Web safe#3399CCNear
Luminance0.24260-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#2C8AE3 color
PortuguêsCor #2C8AE3
EspañolColor #2C8AE3
한국어#2C8AE3 색상
日本語#2C8AE3 の色
中文#2C8AE3 颜色
DeutschFarbe #2C8AE3
FrançaisCouleur #2C8AE3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #2C8AE3 color.
Related shades
See Blues