#21baef hex color

In a RGB color space, hex #21baef is composed of 12.9% red, 72.9% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 86.2% cyan, 22.2% magenta, 0% yellow and 6.3% black. It has a hue angle of 195.4 degrees, a saturation of 86.6% and a lightness of 53.3%. #21baef color hex could be obtained by blending #42ffff with #0075df. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 73
- B 94
RGB color chart
- C 86
- M 22
- Y 0
- K 6
CMYK color chart

● #21baef color description : Vivid blue.

The hexadecimal color #21baef has RGB values of R:33, G:186, B:239 and CMYK values of C:0.86, M:0.22, Y:0, K:0.06. Its decimal value is 2210543.

Hex triplet	21baef	`#21baef`
RGB Decimal	33, 186, 239	`rgb(33,186,239)`
RGB Percent	12.9, 72.9, 93.7	`rgb(12.9%,72.9%,93.7%)`
CMYK	86, 22, 0, 6
HSL	195.4°, 86.6, 53.3	`hsl(195.4,86.6%,53.3%)`
HSV (or HSB)	195.4°, 86.2, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.643, -19.354, -36.856
XYZ	33.762, 41.67, 87.92
xyY	0.207, 0.255, 41.67
CIE-LCH	70.643, 41.629, 242.295
CIE-LUV	70.643, -47.257, -56.784
Hunter-Lab	64.552, -19.608, -35.567
Binary	00100001, 10111010, 11101111

#21baef
```
#21baef rgb(33,186,239)
```
#ef5621
```
#ef5621 rgb(239,86,33)
```

Complementary Color

#21efbd
```
#21efbd rgb(33,239,189)
```
#21baef
```
#21baef rgb(33,186,239)
```
#2153ef
```
#2153ef rgb(33,83,239)
```

Analogous Color

#efbd21
```
#efbd21 rgb(239,189,33)
```
#21baef
```
#21baef rgb(33,186,239)
```
#ef2153
```
#ef2153 rgb(239,33,83)
```

Split Complementary Color

#baef21
```
#baef21 rgb(186,239,33)
```
#21baef
```
#21baef rgb(33,186,239)
```
#ef21ba
```
#ef21ba rgb(239,33,186)
```

Triadic Color

#21ef56
```
#21ef56 rgb(33,239,86)
```
#21baef
```
#21baef rgb(33,186,239)
```
#ef21ba
```
#ef21ba rgb(239,33,186)
```
#ef5621
```
#ef5621 rgb(239,86,33)
```

Tetradic Color

#0d8bb6
```
#0d8bb6 rgb(13,139,182)
```
#0f9dce
```
#0f9dce rgb(15,157,206)
```
#11afe6
```
#11afe6 rgb(17,175,230)
```
#21baef
```
#21baef rgb(33,186,239)
```
#39c1f1
```
#39c1f1 rgb(57,193,241)
```
#51c9f2
```
#51c9f2 rgb(81,201,242)
```
#68d0f4
```
#68d0f4 rgb(104,208,244)
```

Monochromatic Color

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

#21eeef
```
#21eeef rgb(33,238,239)
```
#21dcef
```
#21dcef rgb(33,220,239)
```
#21cbef
```
#21cbef rgb(33,203,239)
```
#21baef
```
#21baef rgb(33,186,239)
```
#21a9ef
```
#21a9ef rgb(33,169,239)
```
#2198ef
```
#2198ef rgb(33,152,239)
```
#2187ef
```
#2187ef rgb(33,135,239)
```

Similar Colors

Text with hexadecimal color #21baef

This text has a font color of #21baef.

<span style="color:#21baef;">Text here</span>

#21baef background color

This paragraph has a background color of #21baef.

<p style="background-color:#21baef;">Content here</p>

#21baef border color

This element has a border color of #21baef.

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

CSS codes

.text {color:#21baef;}

.background {background-color:#21baef;}

.border {border:1px solid #21baef;}

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, #010c10 is the darkest color, while #fdfeff is the lightest one.

#010c10
```
#010c10 rgb(1,12,16)
```
#021a22
```
#021a22 rgb(2,26,34)
```
#042834
```
#042834 rgb(4,40,52)
```
#053647
```
#053647 rgb(5,54,71)
```
#064459
```
#064459 rgb(6,68,89)
```
#08526b
```
#08526b rgb(8,82,107)
```
#09607e
```
#09607e rgb(9,96,126)
```
#0a6e90
```
#0a6e90 rgb(10,110,144)
```
#0c7ca2
```
#0c7ca2 rgb(12,124,162)
```
#0d89b5
```
#0d89b5 rgb(13,137,181)
```
#0e97c7
```
#0e97c7 rgb(14,151,199)
```
#10a5d9
```
#10a5d9 rgb(16,165,217)
```
#11b3eb
```
#11b3eb rgb(17,179,235)
```

Shade Color Variation

#21baef
```
#21baef rgb(33,186,239)
```
#33c0f0
```
#33c0f0 rgb(51,192,240)
```
#46c5f2
```
#46c5f2 rgb(70,197,242)
```
#58cbf3
```
#58cbf3 rgb(88,203,243)
```
#6ad1f4
```
#6ad1f4 rgb(106,209,244)
```
#7cd6f6
```
#7cd6f6 rgb(124,214,246)
```
#8fdcf7
```
#8fdcf7 rgb(143,220,247)
```
#a1e2f8
```
#a1e2f8 rgb(161,226,248)
```
#b3e7fa
```
#b3e7fa rgb(179,231,250)
```
#c6edfb
```
#c6edfb rgb(198,237,251)
```
#d8f3fc
```
#d8f3fc rgb(216,243,252)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86898a is the less saturated color, while #18bef8 is the most saturated one.

#86898a
```
#86898a rgb(134,137,138)
```
#7d8e93
```
#7d8e93 rgb(125,142,147)
```
#73929d
```
#73929d rgb(115,146,157)
```
#6a96a6
```
#6a96a6 rgb(106,150,166)
```
#619baf
```
#619baf rgb(97,155,175)
```
#589fb8
```
#589fb8 rgb(88,159,184)
```
#4fa4c1
```
#4fa4c1 rgb(79,164,193)
```
#46a8ca
```
#46a8ca rgb(70,168,202)
```
#3cadd4
```
#3cadd4 rgb(60,173,212)
```
#33b1dd
```
#33b1dd rgb(51,177,221)
```
#2ab6e6
```
#2ab6e6 rgb(42,182,230)
```
#21baef
```
#21baef rgb(33,186,239)
```
#18bef8
```
#18bef8 rgb(24,190,248)
```

Tone Color Variation

Below, you can see how #21baef 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

#929292 Achromatopsia 0.005% of the population
#7b9aa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0afe5 Protanopia 1% of men
#94aff5 Deuteranopia 1% of men
#00c2cf Tritanopia 0.001% of the population

Trichromacy

#72b3e9 Protanomaly 1% of men, 0.01% of women
#6ab3f3 Deuteranomaly 6% of men, 0.4% of women
#0cbfdb Tritanomaly 0.01% of the population

#21baef hex color

#21baef Color Information

#21baef Color Conversion

Color Schemes with #21baef

Alternatives to #21baef

#21baef Preview

Shades and Tints of #21baef

Tones of #21baef

Color Blindness Simulator