#22b7de Color Information
In a RGB color space, hex #22b7de is composed of 13.3% red, 71.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 17.6% magenta, 0% yellow and 12.9% black. It has a hue angle of 192.4 degrees, a saturation of 74% and a lightness of 50.2%. #22b7de color hex could be obtained by blending #44ffff with #006fbd. Closest websafe color is: #33cccc.
-
- R 13
- G 72
- B 87
-
- C 85
- M 18
- Y 0
- K 13
● #22b7de color description : Bright cyan.
#22b7de Color Conversion
The hexadecimal color #22b7de has RGB values of R:34, G:183, B:222 and CMYK values of C:0.85, M:0.18, Y:0, K:0.13. Its decimal value is 2275294.
Hex triplet | 22b7de | #22b7de |
---|---|---|
RGB Decimal | 34, 183, 222 | rgb(34,183,222) |
RGB Percent | 13.3, 71.8, 87.1 | rgb(13.3%,71.8%,87.1%) |
CMYK | 85, 18, 0, 13 | |
HSL | 192.4°, 74, 50.2 | hsl(192.4,74%,50.2%) |
HSV (or HSB) | 192.4°, 84.7, 87.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.096, -23.457, -29.992 |
---|---|
XYZ | 30.774, 39.478, 75.101 |
xyY | 0.212, 0.272, 39.478 |
CIE-LCH | 69.096, 38.075, 231.971 |
CIE-LUV | 69.096, -47.356, -44.437 |
Hunter-Lab | 62.832, -22.527, -26.886 |
Binary | 00100010, 10110111, 11011110 |
Color Schemes with #22b7de
Alternatives to #22b7de
Below, you can see some colors close to #22b7de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#22b7de Preview
This text has a font color of #22b7de.
<span style="color:#22b7de;">Text here</span>
This paragraph has a background color of #22b7de.
<p style="background-color:#22b7de;">Content here</p>
This element has a border color of #22b7de.
<div style="border:1px solid #22b7de;">Content here</div>
.text {color:#22b7de;}
.background {background-color:#22b7de;}
.border {border:1px solid #22b7de;}
Shades and Tints of #22b7de
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 #effafd is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030f12
#030f12
rgb(3,15,18)
-
#051d23
#051d23
rgb(5,29,35)
-
#082b34
#082b34
rgb(8,43,52)
-
#0a3945
#0a3945
rgb(10,57,69)
-
#0d4756
#0d4756
rgb(13,71,86)
-
#0f5567
#0f5567
rgb(15,85,103)
-
#126378
#126378
rgb(18,99,120)
-
#157189
#157189
rgb(21,113,137)
-
#177f9a
#177f9a
rgb(23,127,154)
-
#1a8dac
#1a8dac
rgb(26,141,172)
-
#1c9bbd
#1c9bbd
rgb(28,155,189)
-
#1fa9ce
#1fa9ce
rgb(31,169,206)
-
#22b7de
#22b7de
rgb(34,183,222)
-
#33bde1
#33bde1
rgb(51,189,225)
-
#44c2e3
#44c2e3
rgb(68,194,227)
-
#55c8e6
#55c8e6
rgb(85,200,230)
-
#66cde8
#66cde8
rgb(102,205,232)
-
#77d3eb
#77d3eb
rgb(119,211,235)
-
#88d8ed
#88d8ed
rgb(136,216,237)
-
#99def0
#99def0
rgb(153,222,240)
-
#abe3f2
#abe3f2
rgb(171,227,242)
-
#bce9f5
#bce9f5
rgb(188,233,245)
-
#cdeff7
#cdeff7
rgb(205,239,247)
-
#def4fa
#def4fa
rgb(222,244,250)
-
#effafd
#effafd
rgb(239,250,253)
Tones of #22b7de
A tone is produced by adding gray to any pure hue. In this case, #7a8486 is the less saturated color, while #05c8fb is the most saturated one.
-
#7a8486
#7a8486
rgb(122,132,134)
-
#708990
#708990
rgb(112,137,144)
-
#668f9a
#668f9a
rgb(102,143,154)
-
#5d95a3
#5d95a3
rgb(93,149,163)
-
#539aad
#539aad
rgb(83,154,173)
-
#49a0b7
#49a0b7
rgb(73,160,183)
-
#3fa6c1
#3fa6c1
rgb(63,166,193)
-
#36acca
#36acca
rgb(54,172,202)
-
#2cb1d4
#2cb1d4
rgb(44,177,212)
-
#22b7de
#22b7de
rgb(34,183,222)
-
#18bde8
#18bde8
rgb(24,189,232)
-
#0ec2f2
#0ec2f2
rgb(14,194,242)
-
#05c8fb
#05c8fb
rgb(5,200,251)
Color Blindness Simulator
Below, you can see how #22b7de 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.