Color conversion
Color conversion for #36ABFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 54 | 171 | 255 | |
|---|---|---|---|---|
| HSL | 205.07° | 100% | 60.59% | |
| HSV | 205.07° | 78.82% | 100% | |
| CMYK | 78.82% | 32.94% | 0% | 0% |
| XYZ | 34.1272 | 37.1259 | 99.9557 | |
| Yxy | 37.1259 | 0.1993 | 0.2168 | |
| Hunter Lab | 60.931 | -6.653 | -54.5738 | |
| CIE-Lab | 67.3714 | -3.9812 | -50.6337 | |
| CIE-LCH | 67.3714 | 50.79 | 265.5042 | |
| CIE-LUV | 67.3714 | -39.0717 | -81.6954 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00110110 | 10101011 | 11111111 |
| Octal | 66 | 253 | 377 |
| Decimal | 54 | 171 | 255 |
| Hex | 36 | AB | FF |
RGB percentages
CMYK percentages
Shades #36ABFF
Tints #36ABFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#36ABFF color on black
#36ABFF color sample text
#36ABFF color on white
#36ABFF color sample text
#36ABFF CSS codes
.background { background-color: #36ABFF; }
.text { color: #36ABFF; }
.border { border: 3px solid #36ABFF; }
.shadow { box-shadow: 0 8px 28px rgba(54, 171, 255, 0.35); }CSS preview
Accessibility
Contrast on white2.49:1Poor
Contrast on black8.43:1AAA
Web safe#3399FFNear
Luminance0.37130-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#36ABFF color
PortuguêsCor #36ABFF
EspañolColor #36ABFF
한국어#36ABFF 색상
日本語#36ABFF の色
中文#36ABFF 颜色
DeutschFarbe #36ABFF
FrançaisCouleur #36ABFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #36ABFF color.
Related shades
See Blues