#22bbce Color Information
In a RGB color space, hex #22bbce is composed of 13.3% red, 73.3% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 9.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 186.6 degrees, a saturation of 71.7% and a lightness of 47.1%. #22bbce color hex could be obtained by blending #44ffff with #00779d. Closest websafe color is: #33cccc.
-
- R 13
- G 73
- B 81
-
- C 83
- M 9
- Y 0
- K 19
● #22bbce color description : Strong cyan.
#22bbce Color Conversion
The hexadecimal color #22bbce has RGB values of R:34, G:187, B:206 and CMYK values of C:0.83, M:0.09, Y:0, K:0.19. Its decimal value is 2276302.
Hex triplet | 22bbce | #22bbce |
---|---|---|
RGB Decimal | 34, 187, 206 | rgb(34,187,206) |
RGB Percent | 13.3, 73.3, 80.8 | rgb(13.3%,73.3%,80.8%) |
CMYK | 83, 9, 0, 19 | |
HSL | 186.6°, 71.7, 47.1 | hsl(186.6,71.7%,47.1%) |
HSV (or HSB) | 186.6°, 83.5, 80.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.707, -30.638, -20.3 |
---|---|
XYZ | 29.567, 40.334, 64.616 |
xyY | 0.22, 0.3, 40.334 |
CIE-LCH | 69.707, 36.753, 213.527 |
CIE-LUV | 69.707, -49.909, -27.32 |
Hunter-Lab | 63.509, -28.038, -15.867 |
Binary | 00100010, 10111011, 11001110 |
Color Schemes with #22bbce
Alternatives to #22bbce
Below, you can see some colors close to #22bbce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22bbce Preview
This text has a font color of #22bbce.
<span style="color:#22bbce;">Text here</span>
This paragraph has a background color of #22bbce.
<p style="background-color:#22bbce;">Content here</p>
This element has a border color of #22bbce.
<div style="border:1px solid #22bbce;">Content here</div>
.text {color:#22bbce;}
.background {background-color:#22bbce;}
.border {border:1px solid #22bbce;}
Shades and Tints of #22bbce
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, #010404 is the darkest color, while #f2fcfd is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#031315
#031315
rgb(3,19,21)
-
#062226
#062226
rgb(6,34,38)
-
#093136
#093136
rgb(9,49,54)
-
#0c4147
#0c4147
rgb(12,65,71)
-
#0f5058
#0f5058
rgb(15,80,88)
-
#115f69
#115f69
rgb(17,95,105)
-
#146f7a
#146f7a
rgb(20,111,122)
-
#177e8b
#177e8b
rgb(23,126,139)
-
#1a8d9b
#1a8d9b
rgb(26,141,155)
-
#1c9cac
#1c9cac
rgb(28,156,172)
-
#1facbd
#1facbd
rgb(31,172,189)
-
#22bbce
#22bbce
rgb(34,187,206)
-
#28c8dc
#28c8dc
rgb(40,200,220)
-
#39ccde
#39ccde
rgb(57,204,222)
-
#4ad0e1
#4ad0e1
rgb(74,208,225)
-
#5bd5e4
#5bd5e4
rgb(91,213,228)
-
#6bd9e7
#6bd9e7
rgb(107,217,231)
-
#7cdde9
#7cdde9
rgb(124,221,233)
-
#8de2ec
#8de2ec
rgb(141,226,236)
-
#9ee6ef
#9ee6ef
rgb(158,230,239)
-
#afeaf2
#afeaf2
rgb(175,234,242)
-
#c0eff5
#c0eff5
rgb(192,239,245)
-
#d0f3f7
#d0f3f7
rgb(208,243,247)
-
#e1f7fa
#e1f7fa
rgb(225,247,250)
-
#f2fcfd
#f2fcfd
rgb(242,252,253)
Tones of #22bbce
A tone is produced by adding gray to any pure hue. In this case, #757a7b is the less saturated color, while #06d1ea is the most saturated one.
-
#757a7b
#757a7b
rgb(117,122,123)
-
#6c8184
#6c8184
rgb(108,129,132)
-
#63898d
#63898d
rgb(99,137,141)
-
#599097
#599097
rgb(89,144,151)
-
#5097a0
#5097a0
rgb(80,151,160)
-
#479ea9
#479ea9
rgb(71,158,169)
-
#3ea5b2
#3ea5b2
rgb(62,165,178)
-
#34adbc
#34adbc
rgb(52,173,188)
-
#2bb4c5
#2bb4c5
rgb(43,180,197)
-
#22bbce
#22bbce
rgb(34,187,206)
-
#19c2d7
#19c2d7
rgb(25,194,215)
-
#10c9e0
#10c9e0
rgb(16,201,224)
-
#06d1ea
#06d1ea
rgb(6,209,234)
Color Blindness Simulator
Below, you can see how #22bbce 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.