Color conversion
Color conversion for #45AAB1
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 69 | 170 | 177 | |
|---|---|---|---|---|
| HSL | 183.89° | 43.9% | 48.24% | |
| HSV | 183.89° | 61.02% | 69.41% | |
| CMYK | 61.02% | 3.95% | 0% | 30.59% |
| XYZ | 24.7614 | 33.1864 | 46.6871 | |
| Yxy | 33.1864 | 0.2366 | 0.3172 | |
| Hunter Lab | 57.6076 | -24.0896 | -7.7064 | |
| CIE-Lab | 64.3116 | -26.8337 | -12.346 | |
| CIE-LCH | 64.3116 | 29.5376 | 204.7068 | |
| CIE-LUV | 64.3116 | -40.4346 | -14.7002 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000101 | 10101010 | 10110001 |
| Octal | 105 | 252 | 261 |
| Decimal | 69 | 170 | 177 |
| Hex | 45 | AA | B1 |
RGB percentages
CMYK percentages
Shades #45AAB1
Tints #45AAB1
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#45AAB1 color on black
#45AAB1 color sample text
#45AAB1 color on white
#45AAB1 color sample text
#45AAB1 CSS codes
.background { background-color: #45AAB1; }
.text { color: #45AAB1; }
.border { border: 3px solid #45AAB1; }
.shadow { box-shadow: 0 8px 28px rgba(69, 170, 177, 0.35); }
CSS preview
Accessibility
Contrast on white2.75:1Poor
Contrast on black7.64:1AAA
Web safe#339999Near
Luminance0.33190-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#45AAB1 color
PortuguêsCor #45AAB1
EspañolColor #45AAB1
한국어#45AAB1 색상
日本語#45AAB1 の色
中文#45AAB1 颜色
DeutschFarbe #45AAB1
FrançaisCouleur #45AAB1
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #45AAB1 color.
Related shades
See Cyans