#22bdcf Color Information
In a RGB color space, hex #22bdcf is composed of 13.3% red, 74.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 8.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 186.2 degrees, a saturation of 71.8% and a lightness of 47.3%. #22bdcf color hex could be obtained by blending #44ffff with #007b9f. Closest websafe color is: #33cccc.
-
- R 13
- G 74
- B 81
-
- C 84
- M 9
- Y 0
- K 19
● #22bdcf color description : Strong cyan.
#22bdcf Color Conversion
The hexadecimal color #22bdcf has RGB values of R:34, G:189, B:207 and CMYK values of C:0.84, M:0.09, Y:0, K:0.19. Its decimal value is 2276815.
Hex triplet | 22bdcf | #22bdcf |
---|---|---|
RGB Decimal | 34, 189, 207 | rgb(34,189,207) |
RGB Percent | 13.3, 74.1, 81.2 | rgb(13.3%,74.1%,81.2%) |
CMYK | 84, 9, 0, 19 | |
HSL | 186.2°, 71.8, 47.3 | hsl(186.2,71.8%,47.3%) |
HSV (or HSB) | 186.2°, 83.6, 81.2 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.342, -31.291, -19.882 |
---|---|
XYZ | 30.116, 41.237, 65.4 |
xyY | 0.22, 0.302, 41.237 |
CIE-LCH | 70.342, 37.073, 212.432 |
CIE-LUV | 70.342, -50.528, -26.572 |
Hunter-Lab | 64.216, -28.665, -15.432 |
Binary | 00100010, 10111101, 11001111 |
Color Schemes with #22bdcf
Alternatives to #22bdcf
Below, you can see some colors close to #22bdcf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22bdcf Preview
This text has a font color of #22bdcf.
<span style="color:#22bdcf;">Text here</span>
This paragraph has a background color of #22bdcf.
<p style="background-color:#22bdcf;">Content here</p>
This element has a border color of #22bdcf.
<div style="border:1px solid #22bdcf;">Content here</div>
.text {color:#22bdcf;}
.background {background-color:#22bdcf;}
.border {border:1px solid #22bdcf;}
Shades and Tints of #22bdcf
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010405 is the darkest color, while #f3fcfd is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#041416
#041416
rgb(4,20,22)
-
#062327
#062327
rgb(6,35,39)
-
#093337
#093337
rgb(9,51,55)
-
#0c4248
#0c4248
rgb(12,66,72)
-
#0f5159
#0f5159
rgb(15,81,89)
-
#11616a
#11616a
rgb(17,97,106)
-
#14707b
#14707b
rgb(20,112,123)
-
#177f8c
#177f8c
rgb(23,127,140)
-
#1a8f9c
#1a8f9c
rgb(26,143,156)
-
#1c9ead
#1c9ead
rgb(28,158,173)
-
#1faebe
#1faebe
rgb(31,174,190)
-
#22bdcf
#22bdcf
rgb(34,189,207)
-
#29c9dc
#29c9dc
rgb(41,201,220)
-
#3acddf
#3acddf
rgb(58,205,223)
-
#4ad2e1
#4ad2e1
rgb(74,210,225)
-
#5bd6e4
#5bd6e4
rgb(91,214,228)
-
#6cdae7
#6cdae7
rgb(108,218,231)
-
#7ddeea
#7ddeea
rgb(125,222,234)
-
#8ee3ec
#8ee3ec
rgb(142,227,236)
-
#9fe7ef
#9fe7ef
rgb(159,231,239)
-
#b0ebf2
#b0ebf2
rgb(176,235,242)
-
#c0eff5
#c0eff5
rgb(192,239,245)
-
#d1f4f7
#d1f4f7
rgb(209,244,247)
-
#e2f8fa
#e2f8fa
rgb(226,248,250)
-
#f3fcfd
#f3fcfd
rgb(243,252,253)
Tones of #22bdcf
A tone is produced by adding gray to any pure hue. In this case, #757b7c is the less saturated color, while #06d3eb is the most saturated one.
-
#757b7c
#757b7c
rgb(117,123,124)
-
#6c8285
#6c8285
rgb(108,130,133)
-
#638a8e
#638a8e
rgb(99,138,142)
-
#5a9197
#5a9197
rgb(90,145,151)
-
#5098a1
#5098a1
rgb(80,152,161)
-
#47a0aa
#47a0aa
rgb(71,160,170)
-
#3ea7b3
#3ea7b3
rgb(62,167,179)
-
#35aebc
#35aebc
rgb(53,174,188)
-
#2bb6c6
#2bb6c6
rgb(43,182,198)
-
#22bdcf
#22bdcf
rgb(34,189,207)
-
#19c4d8
#19c4d8
rgb(25,196,216)
-
#0fcce2
#0fcce2
rgb(15,204,226)
-
#06d3eb
#06d3eb
rgb(6,211,235)
Color Blindness Simulator
Below, you can see how #22bdcf is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.