Color conversion
Color conversion for #22BCD3
Complete numeric profile for comparing screens, paints, palettes and digital materials.
Color spaces
| RGB | 34 | 188 | 211 | |
|---|---|---|---|---|
| HSL | 187.8° | 72.24% | 48.04% | |
| HSV | 187.8° | 83.89% | 82.75% | |
| CMYK | 83.89% | 10.9% | 0% | 17.25% |
| XYZ | 30.3956 | 41.0058 | 67.9283 | |
| Yxy | 41.0058 | 0.2182 | 0.2943 | |
| Hunter Lab | 64.0358 | -27.3354 | -18.0444 | |
| CIE-Lab | 70.18 | -29.5431 | -22.3078 | |
| CIE-LCH | 70.18 | 37.0194 | 217.0562 | |
| CIE-LUV | 70.18 | -49.8852 | -30.8214 |
Base numbers
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 00100010 | 10111100 | 11010011 |
| Octal | 42 | 274 | 323 |
| Decimal | 34 | 188 | 211 |
| Hex | 22 | BC | D3 |
RGB percentages
CMYK percentages
Shades #22BCD3
Tints #22BCD3
Harmony
Color schemes
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#22BCD3 color on black
#22BCD3 color sample text
#22BCD3 color on white
#22BCD3 color sample text
#22BCD3 CSS codes
.background { background-color: #22BCD3; }
.text { color: #22BCD3; }
.border { border: 3px solid #22BCD3; }
.shadow { box-shadow: 0 8px 28px rgba(34, 188, 211, 0.35); }
CSS preview
Accessibility
Contrast on white2.28:1Poor
Contrast on black9.2:1AAA
Web safe#33CCCCNear
Luminance0.41010-1
Global naming
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#22BCD3 color
PortuguêsCor #22BCD3
EspañolColor #22BCD3
한국어#22BCD3 색상
日本語#22BCD3 の色
中文#22BCD3 颜色
DeutschFarbe #22BCD3
FrançaisCouleur #22BCD3
Pairings
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #22BCD3 color.
Related shades
See Cyans
Similar colors
Ball blue
Ball blue
Pacific Blue
Pacific Blue
Battery Charged Blue
Battery Charged Blue
Bright cerulean
Bright cerulean
Sea Serpent
Sea Serpent
Maximum Blue Green
Maximum Blue Green
Blue-green
Blue-green
Vivid sky blue
Vivid sky blue
Medium sky blue
Medium sky blue
Cyan (process)
Cyan (process)
Maximum Blue
Maximum Blue
Ming
Ming