Color conversion
Color conversion for #45B4BB
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 69 | 180 | 187 | |
|---|---|---|---|---|
| HSL | 183.56° | 46.46% | 50.2% | |
| HSV | 183.56° | 63.1% | 73.33% | |
| CMYK | 63.1% | 3.74% | 0% | 26.67% |
| XYZ | 27.7413 | 37.4926 | 52.7789 | |
| Yxy | 37.4926 | 0.2351 | 0.3177 | |
| Hunter Lab | 61.2312 | -26.2844 | -8.2238 | |
| CIE-Lab | 67.645 | -28.8738 | -12.892 | |
| CIE-LCH | 67.645 | 31.6212 | 204.0605 | |
| CIE-LUV | 67.645 | -43.6027 | -15.3924 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01000101 | 10110100 | 10111011 |
| Octal | 105 | 264 | 273 |
| Decimal | 69 | 180 | 187 |
| Hex | 45 | B4 | BB |
RGB percentages
CMYK percentages
Shades #45B4BB
Tints #45B4BB
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#45B4BB color on black
#45B4BB color sample text
#45B4BB color on white
#45B4BB color sample text
#45B4BB CSS codes
.background { background-color: #45B4BB; }
.text { color: #45B4BB; }
.border { border: 3px solid #45B4BB; }
.shadow { box-shadow: 0 8px 28px rgba(69, 180, 187, 0.35); }CSS preview
Accessibility
Contrast on white2.47:1Poor
Contrast on black8.5:1AAA
Web safe#33CCCCNear
Luminance0.3750-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#45B4BB color
PortuguêsCor #45B4BB
EspañolColor #45B4BB
한국어#45B4BB 색상
日本語#45B4BB の色
中文#45B4BB 颜色
DeutschFarbe #45B4BB
FrançaisCouleur #45B4BB
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #45B4BB color.
Related shades
See Cyans