#22bddf Color Information
In a RGB color space, hex #22bddf is composed of 13.3% red, 74.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 15.2% magenta, 0% yellow and 12.5% black. It has a hue angle of 190.8 degrees, a saturation of 74.7% and a lightness of 50.4%. #22bddf color hex could be obtained by blending #44ffff with #007bbf. Closest websafe color is: #33cccc.
-
- R 13
- G 74
- B 87
-
- C 85
- M 15
- Y 0
- K 13
● #22bddf color description : Bright cyan.
#22bddf Color Conversion
The hexadecimal color #22bddf has RGB values of R:34, G:189, B:223 and CMYK values of C:0.85, M:0.15, Y:0, K:0.13. Its decimal value is 2276831.
Hex triplet | 22bddf | #22bddf |
---|---|---|
RGB Decimal | 34, 189, 223 | rgb(34,189,223) |
RGB Percent | 13.3, 74.1, 87.5 | rgb(13.3%,74.1%,87.5%) |
CMYK | 85, 15, 0, 13 | |
HSL | 190.8°, 74.7, 50.4 | hsl(190.8,74.7%,50.4%) |
HSV (or HSB) | 190.8°, 84.8, 87.5 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.912, -26.161, -27.742 |
---|---|
XYZ | 32.173, 42.06, 76.231 |
xyY | 0.214, 0.28, 42.06 |
CIE-LCH | 70.912, 38.131, 226.68 |
CIE-LUV | 70.912, -49.346, -40.426 |
Hunter-Lab | 64.854, -24.943, -24.294 |
Binary | 00100010, 10111101, 11011111 |
Color Schemes with #22bddf
Alternatives to #22bddf
Below, you can see some colors close to #22bddf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22bddf Preview
This text has a font color of #22bddf.
<span style="color:#22bddf;">Text here</span>
This paragraph has a background color of #22bddf.
<p style="background-color:#22bddf;">Content here</p>
This element has a border color of #22bddf.
<div style="border:1px solid #22bddf;">Content here</div>
.text {color:#22bddf;}
.background {background-color:#22bddf;}
.border {border:1px solid #22bddf;}
Shades and Tints of #22bddf
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, #000102 is the darkest color, while #f0fafd is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#031013
#031013
rgb(3,16,19)
-
#051e24
#051e24
rgb(5,30,36)
-
#082d35
#082d35
rgb(8,45,53)
-
#0a3b46
#0a3b46
rgb(10,59,70)
-
#0d4a57
#0d4a57
rgb(13,74,87)
-
#0f5869
#0f5869
rgb(15,88,105)
-
#12677a
#12677a
rgb(18,103,122)
-
#14758b
#14758b
rgb(20,117,139)
-
#17849c
#17849c
rgb(23,132,156)
-
#1992ad
#1992ad
rgb(25,146,173)
-
#1ca1be
#1ca1be
rgb(28,161,190)
-
#1eafcf
#1eafcf
rgb(30,175,207)
-
#22bddf
#22bddf
rgb(34,189,223)
-
#33c2e1
#33c2e1
rgb(51,194,225)
-
#44c7e4
#44c7e4
rgb(68,199,228)
-
#55cce6
#55cce6
rgb(85,204,230)
-
#67d1e9
#67d1e9
rgb(103,209,233)
-
#78d7eb
#78d7eb
rgb(120,215,235)
-
#89dcee
#89dcee
rgb(137,220,238)
-
#9ae1f0
#9ae1f0
rgb(154,225,240)
-
#abe6f3
#abe6f3
rgb(171,230,243)
-
#bcebf5
#bcebf5
rgb(188,235,245)
-
#cdf0f8
#cdf0f8
rgb(205,240,248)
-
#def5fa
#def5fa
rgb(222,245,250)
-
#f0fafd
#f0fafd
rgb(240,250,253)
Tones of #22bddf
A tone is produced by adding gray to any pure hue. In this case, #7a8587 is the less saturated color, while #05d0fc is the most saturated one.
-
#7a8587
#7a8587
rgb(122,133,135)
-
#708b91
#708b91
rgb(112,139,145)
-
#66919b
#66919b
rgb(102,145,155)
-
#5c98a5
#5c98a5
rgb(92,152,165)
-
#539eae
#539eae
rgb(83,158,174)
-
#49a4b8
#49a4b8
rgb(73,164,184)
-
#3faac2
#3faac2
rgb(63,170,194)
-
#35b1cc
#35b1cc
rgb(53,177,204)
-
#2cb7d5
#2cb7d5
rgb(44,183,213)
-
#22bddf
#22bddf
rgb(34,189,223)
-
#18c3e9
#18c3e9
rgb(24,195,233)
-
#0fc9f2
#0fc9f2
rgb(15,201,242)
-
#05d0fc
#05d0fc
rgb(5,208,252)
Color Blindness Simulator
Below, you can see how #22bddf 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.