#22bfdc hex color

In a RGB color space, hex #22bfdc is composed of 13.3% red, 74.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 13.2% magenta, 0% yellow and 13.7% black. It has a hue angle of 189.4 degrees, a saturation of 73.2% and a lightness of 49.8%. #22bfdc color hex could be obtained by blending #44ffff with #007fb9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 75
- B 86
RGB color chart
- C 85
- M 13
- Y 0
- K 14
CMYK color chart

● #22bfdc color description : Bright cyan.

The hexadecimal color #22bfdc has RGB values of R:34, G:191, B:220 and CMYK values of C:0.85, M:0.13, Y:0, K:0.14. Its decimal value is 2277340.

Hex triplet	22bfdc	`#22bfdc`
RGB Decimal	34, 191, 220	`rgb(34,191,220)`
RGB Percent	13.3, 74.9, 86.3	`rgb(13.3%,74.9%,86.3%)`
CMYK	85, 13, 0, 14
HSL	189.4°, 73.2, 49.8	`hsl(189.4,73.2%,49.8%)`
HSV (or HSB)	189.4°, 84.5, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.396, -28.129, -25.367
XYZ	32.205, 42.766, 74.263
xyY	0.216, 0.287, 42.766
CIE-LCH	71.396, 37.878, 222.045
CIE-LUV	71.396, -50.254, -36.198
Hunter-Lab	65.396, -26.537, -21.553
Binary	00100010, 10111111, 11011100

#22bfdc
```
#22bfdc rgb(34,191,220)
```
#dc3f22
```
#dc3f22 rgb(220,63,34)
```

Complementary Color

#22dc9c
```
#22dc9c rgb(34,220,156)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#2262dc
```
#2262dc rgb(34,98,220)
```

Analogous Color

#dc9c22
```
#dc9c22 rgb(220,156,34)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#dc2262
```
#dc2262 rgb(220,34,98)
```

Split Complementary Color

#bfdc22
```
#bfdc22 rgb(191,220,34)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#dc22bf
```
#dc22bf rgb(220,34,191)
```

Triadic Color

#22dc3f
```
#22dc3f rgb(34,220,63)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#dc22bf
```
#dc22bf rgb(220,34,191)
```
#dc3f22
```
#dc3f22 rgb(220,63,34)
```

Tetradic Color

#18859a
```
#18859a rgb(24,133,154)
```
#1b99b0
```
#1b99b0 rgb(27,153,176)
```
#1facc6
```
#1facc6 rgb(31,172,198)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#37c6e0
```
#37c6e0 rgb(55,198,224)
```
#4dcce4
```
#4dcce4 rgb(77,204,228)
```
#64d2e7
```
#64d2e7 rgb(100,210,231)
```

Monochromatic Color

Below, you can see some colors close to #22bfdc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#22dccb
```
#22dccb rgb(34,220,203)
```
#22dcda
```
#22dcda rgb(34,220,218)
```
#22cfdc
```
#22cfdc rgb(34,207,220)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#22b0dc
```
#22b0dc rgb(34,176,220)
```
#22a0dc
```
#22a0dc rgb(34,160,220)
```
#2291dc
```
#2291dc rgb(34,145,220)
```

Similar Colors

Text with hexadecimal color #22bfdc

This text has a font color of #22bfdc.

<span style="color:#22bfdc;">Text here</span>

#22bfdc background color

This paragraph has a background color of #22bfdc.

<p style="background-color:#22bfdc;">Content here</p>

#22bfdc border color

This element has a border color of #22bfdc.

<div style="border:1px solid #22bfdc;">Content here</div>

CSS codes

.text {color:#22bfdc;}

.background {background-color:#22bfdc;}

.border {border:1px solid #22bfdc;}

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, #020e10 is the darkest color, while #feffff is the lightest one.

#020e10
```
#020e10 rgb(2,14,16)
```
#051d21
```
#051d21 rgb(5,29,33)
```
#082b32
```
#082b32 rgb(8,43,50)
```
#0a3a43
```
#0a3a43 rgb(10,58,67)
```
#0d4954
```
#0d4954 rgb(13,73,84)
```
#105865
```
#105865 rgb(16,88,101)
```
#126676
```
#126676 rgb(18,102,118)
```
#157587
```
#157587 rgb(21,117,135)
```
#178498
```
#178498 rgb(23,132,152)
```
#1a93a9
```
#1a93a9 rgb(26,147,169)
```
#1da1ba
```
#1da1ba rgb(29,161,186)
```
#1fb0cb
```
#1fb0cb rgb(31,176,203)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```

Shade Color Variation

#32c4df
```
#32c4df rgb(50,196,223)
```
#43c9e2
```
#43c9e2 rgb(67,201,226)
```
#54cee5
```
#54cee5 rgb(84,206,229)
```
#65d3e7
```
#65d3e7 rgb(101,211,231)
```
#76d8ea
```
#76d8ea rgb(118,216,234)
```
#87ddec
```
#87ddec rgb(135,221,236)
```
#98e2ef
```
#98e2ef rgb(152,226,239)
```
#a9e6f2
```
#a9e6f2 rgb(169,230,242)
```
#baebf4
```
#baebf4 rgb(186,235,244)
```
#cbf0f7
```
#cbf0f7 rgb(203,240,247)
```
#dcf5fa
```
#dcf5fa rgb(220,245,250)
```
#edfafc
```
#edfafc rgb(237,250,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a8284 is the less saturated color, while #05d3f9 is the most saturated one.

#7a8284
```
#7a8284 rgb(122,130,132)
```
#70898e
```
#70898e rgb(112,137,142)
```
#669098
```
#669098 rgb(102,144,152)
```
#5d97a1
```
#5d97a1 rgb(93,151,161)
```
#539dab
```
#539dab rgb(83,157,171)
```
#49a4b5
```
#49a4b5 rgb(73,164,181)
```
#3fabbf
```
#3fabbf rgb(63,171,191)
```
#36b2c8
```
#36b2c8 rgb(54,178,200)
```
#2cb8d2
```
#2cb8d2 rgb(44,184,210)
```
#22bfdc
```
#22bfdc rgb(34,191,220)
```
#18c6e6
```
#18c6e6 rgb(24,198,230)
```
#0eccf0
```
#0eccf0 rgb(14,204,240)
```
#05d3f9
```
#05d3f9 rgb(5,211,249)
```

Tone Color Variation

Below, you can see how #22bfdc 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.

Monochromacy

#939393 Achromatopsia 0.005% of the population
#7c9ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb1d3 Protanopia 1% of men
#a6b0e4 Deuteranopia 1% of men
#10c4d2 Tritanopia 0.001% of the population

Trichromacy

#79b6d6 Protanomaly 1% of men, 0.01% of women
#76b5e1 Deuteranomaly 6% of men, 0.4% of women
#16c2d6 Tritanomaly 0.01% of the population

#22bfdc hex color

#22bfdc Color Information

#22bfdc Color Conversion

Color Schemes with #22bfdc

Alternatives to #22bfdc

#22bfdc Preview

Shades and Tints of #22bfdc

Tones of #22bfdc

Color Blindness Simulator