#22daf2 Color Information
In a RGB color space, hex #22daf2 is composed of 13.3% red, 85.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 9.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 186.9 degrees, a saturation of 88.9% and a lightness of 54.1%. #22daf2 color hex could be obtained by blending #44ffff with #00b5e5. Closest websafe color is: #33ccff.
-
- R 13
- G 85
- B 95
-
- C 86
- M 10
- Y 0
- K 5
● #22daf2 color description : Vivid cyan.
#22daf2 Color Conversion
The hexadecimal color #22daf2 has RGB values of R:34, G:218, B:242 and CMYK values of C:0.86, M:0.1, Y:0, K:0.05. Its decimal value is 2284274.
Hex triplet | 22daf2 | #22daf2 |
---|---|---|
RGB Decimal | 34, 218, 242 | rgb(34,218,242) |
RGB Percent | 13.3, 85.5, 94.9 | rgb(13.3%,85.5%,94.9%) |
CMYK | 86, 10, 0, 5 | |
HSL | 186.9°, 88.9, 54.1 | hsl(186.9,88.9%,54.1%) |
HSV (or HSB) | 186.9°, 86, 94.9 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 80.117, -34.208, -23.89 |
---|---|
XYZ | 41.753, 56.89, 92.78 |
xyY | 0.218, 0.297, 56.89 |
CIE-LCH | 80.117, 41.724, 214.93 |
CIE-LUV | 80.117, -57.816, -33.335 |
Hunter-Lab | 75.425, -33.181, -20.134 |
Binary | 00100010, 11011010, 11110010 |
Color Schemes with #22daf2
Alternatives to #22daf2
Below, you can see some colors close to #22daf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22daf2 Preview
This text has a font color of #22daf2.
<span style="color:#22daf2;">Text here</span>
This paragraph has a background color of #22daf2.
<p style="background-color:#22daf2;">Content here</p>
This element has a border color of #22daf2.
<div style="border:1px solid #22daf2;">Content here</div>
.text {color:#22daf2;}
.background {background-color:#22daf2;}
.border {border:1px solid #22daf2;}
Shades and Tints of #22daf2
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, #000101 is the darkest color, while #eefcfe is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#011214
#011214
rgb(1,18,20)
-
#022226
#022226
rgb(2,34,38)
-
#033339
#033339
rgb(3,51,57)
-
#04434b
#04434b
rgb(4,67,75)
-
#06545e
#06545e
rgb(6,84,94)
-
#076470
#076470
rgb(7,100,112)
-
#087583
#087583
rgb(8,117,131)
-
#098596
#098596
rgb(9,133,150)
-
#0a96a8
#0a96a8
rgb(10,150,168)
-
#0ba6bb
#0ba6bb
rgb(11,166,187)
-
#0cb7cd
#0cb7cd
rgb(12,183,205)
-
#0dc7e0
#0dc7e0
rgb(13,199,224)
-
#0fd7f1
#0fd7f1
rgb(15,215,241)
-
#22daf2
#22daf2
rgb(34,218,242)
-
#35ddf3
#35ddf3
rgb(53,221,243)
-
#47e0f4
#47e0f4
rgb(71,224,244)
-
#5ae3f5
#5ae3f5
rgb(90,227,245)
-
#6ce6f6
#6ce6f6
rgb(108,230,246)
-
#7feaf7
#7feaf7
rgb(127,234,247)
-
#91edf9
#91edf9
rgb(145,237,249)
-
#a4f0fa
#a4f0fa
rgb(164,240,250)
-
#b6f3fb
#b6f3fb
rgb(182,243,251)
-
#c9f6fc
#c9f6fc
rgb(201,246,252)
-
#dbf9fd
#dbf9fd
rgb(219,249,253)
-
#eefcfe
#eefcfe
rgb(238,252,254)
Tones of #22daf2
A tone is produced by adding gray to any pure hue. In this case, #858e8f is the less saturated color, while #19e1fb is the most saturated one.
-
#858e8f
#858e8f
rgb(133,142,143)
-
#7c9598
#7c9598
rgb(124,149,152)
-
#739ca1
#739ca1
rgb(115,156,161)
-
#6aa3aa
#6aa3aa
rgb(106,163,170)
-
#61aab3
#61aab3
rgb(97,170,179)
-
#58b0bc
#58b0bc
rgb(88,176,188)
-
#4fb7c5
#4fb7c5
rgb(79,183,197)
-
#46bece
#46bece
rgb(70,190,206)
-
#3dc5d7
#3dc5d7
rgb(61,197,215)
-
#34cce0
#34cce0
rgb(52,204,224)
-
#2bd3e9
#2bd3e9
rgb(43,211,233)
-
#22daf2
#22daf2
rgb(34,218,242)
-
#19e1fb
#19e1fb
rgb(25,225,251)
Color Blindness Simulator
Below, you can see how #22daf2 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.