Color conversion
Color conversion for #60BDFF
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 96 | 189 | 255 | |
|---|---|---|---|---|
| HSL | 204.91° | 100% | 68.82% | |
| HSV | 204.91° | 62.35% | 100% | |
| CMYK | 62.35% | 25.88% | 0% | 0% |
| XYZ | 41.0647 | 46.0979 | 101.322 | |
| Yxy | 46.0979 | 0.2179 | 0.2446 | |
| Hunter Lab | 67.8954 | -10.857 | -40.9185 | |
| CIE-Lab | 73.609 | -8.256 | -40.7608 | |
| CIE-LCH | 73.609 | 41.5885 | 258.5498 | |
| CIE-LUV | 73.609 | -37.6693 | -65.1324 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01100000 | 10111101 | 11111111 |
| Octal | 140 | 275 | 377 |
| Decimal | 96 | 189 | 255 |
| Hex | 60 | BD | FF |
RGB percentages
CMYK percentages
Shades #60BDFF
Tints #60BDFF
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#60BDFF color on black
#60BDFF color sample text
#60BDFF color on white
#60BDFF color sample text
#60BDFF CSS codes
.background { background-color: #60BDFF; }
.text { color: #60BDFF; }
.border { border: 3px solid #60BDFF; }
.shadow { box-shadow: 0 8px 28px rgba(96, 189, 255, 0.35); }
CSS preview
Accessibility
Contrast on white2.05:1Poor
Contrast on black10.22:1AAA
Web safe#66CCFFNear
Luminance0.4610-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#60BDFF color
PortuguêsCor #60BDFF
EspañolColor #60BDFF
한국어#60BDFF 색상
日本語#60BDFF の色
中文#60BDFF 颜色
DeutschFarbe #60BDFF
FrançaisCouleur #60BDFF
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #60BDFF color.
Related shades
See Blues