#00bae0 hex color

In a RGB color space, hex #00bae0 is composed of 0% red, 72.9% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 17% magenta, 0% yellow and 12.2% black. It has a hue angle of 190.2 degrees, a saturation of 100% and a lightness of 43.9%. #00bae0 color hex could be obtained by blending #00ffff with #0075c1. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 73
- B 88
RGB color chart
- C 100
- M 17
- Y 0
- K 12
CMYK color chart

● #00bae0 color description : Pure (or mostly pure) cyan.

The hexadecimal color #00bae0 has RGB values of R:0, G:186, B:224 and CMYK values of C:1, M:0.17, Y:0, K:0.12. Its decimal value is 47840.

Hex triplet	00bae0	`#00bae0`
RGB Decimal	0, 186, 224	`rgb(0,186,224)`
RGB Percent	0, 72.9, 87.8	`rgb(0%,72.9%,87.8%)`
CMYK	100, 17, 0, 12
HSL	190.2°, 100, 43.9	`hsl(190.2,100%,43.9%)`
HSV (or HSB)	190.2°, 100, 87.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.822, -25.711, -29.985
XYZ	31.01, 40.496, 76.699
xyY	0.209, 0.273, 40.496
CIE-LCH	69.822, 39.499, 229.388
CIE-LUV	69.822, -49.949, -44.213
Hunter-Lab	63.637, -24.383, -26.914
Binary	00000000, 10111010, 11100000

#00bae0
```
#00bae0 rgb(0,186,224)
```
#e02600
```
#e02600 rgb(224,38,0)
```

Complementary Color

#00e096
```
#00e096 rgb(0,224,150)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```
#004ae0
```
#004ae0 rgb(0,74,224)
```

Analogous Color

#e09600
```
#e09600 rgb(224,150,0)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```
#e0004a
```
#e0004a rgb(224,0,74)
```

Split Complementary Color

#bae000
```
#bae000 rgb(186,224,0)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```
#e000ba
```
#e000ba rgb(224,0,186)
```

Triadic Color

#00e026
```
#00e026 rgb(0,224,38)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```
#e000ba
```
#e000ba rgb(224,0,186)
```
#e02600
```
#e02600 rgb(224,38,0)
```

Tetradic Color

#007a94
```
#007a94 rgb(0,122,148)
```
#0090ad
```
#0090ad rgb(0,144,173)
```
#00a5c7
```
#00a5c7 rgb(0,165,199)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```
#00cffa
```
#00cffa rgb(0,207,250)
```
#14d7ff
```
#14d7ff rgb(20,215,255)
```
#2edbff
```
#2edbff rgb(46,219,255)
```

Monochromatic Color

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

#00e0ce
```
#00e0ce rgb(0,224,206)
```
#00dfe0
```
#00dfe0 rgb(0,223,224)
```
#00cde0
```
#00cde0 rgb(0,205,224)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```
#00a7e0
```
#00a7e0 rgb(0,167,224)
```
#0095e0
```
#0095e0 rgb(0,149,224)
```
#0082e0
```
#0082e0 rgb(0,130,224)
```

Similar Colors

Text with hexadecimal color #00bae0

This text has a font color of #00bae0.

<span style="color:#00bae0;">Text here</span>

#00bae0 background color

This paragraph has a background color of #00bae0.

<p style="background-color:#00bae0;">Content here</p>

#00bae0 border color

This element has a border color of #00bae0.

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

CSS codes

.text {color:#00bae0;}

.background {background-color:#00bae0;}

.border {border:1px solid #00bae0;}

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, #000708 is the darkest color, while #f4fdff is the lightest one.

#000708
```
#000708 rgb(0,7,8)
```
#00171c
```
#00171c rgb(0,23,28)
```
#00272f
```
#00272f rgb(0,39,47)
```
#003843
```
#003843 rgb(0,56,67)
```
#004857
```
#004857 rgb(0,72,87)
```
#00586a
```
#00586a rgb(0,88,106)
```
#00697e
```
#00697e rgb(0,105,126)
```
#007992
```
#007992 rgb(0,121,146)
```
#0089a5
```
#0089a5 rgb(0,137,165)
```
#0099b9
```
#0099b9 rgb(0,153,185)
```
#00aacc
```
#00aacc rgb(0,170,204)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```
#00caf4
```
#00caf4 rgb(0,202,244)
```

Shade Color Variation

#08d5ff
```
#08d5ff rgb(8,213,255)
```
#1cd8ff
```
#1cd8ff rgb(28,216,255)
```
#2fdcff
```
#2fdcff rgb(47,220,255)
```
#43dfff
```
#43dfff rgb(67,223,255)
```
#57e2ff
```
#57e2ff rgb(87,226,255)
```
#6ae6ff
```
#6ae6ff rgb(106,230,255)
```
#7ee9ff
```
#7ee9ff rgb(126,233,255)
```
#92ecff
```
#92ecff rgb(146,236,255)
```
#a5f0ff
```
#a5f0ff rgb(165,240,255)
```
#b9f3ff
```
#b9f3ff rgb(185,243,255)
```
#ccf6ff
```
#ccf6ff rgb(204,246,255)
```
#e0faff
```
#e0faff rgb(224,250,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #677679 is the less saturated color, while #00bae0 is the most saturated one.

#677679
```
#677679 rgb(103,118,121)
```
#5f7b81
```
#5f7b81 rgb(95,123,129)
```
#56818a
```
#56818a rgb(86,129,138)
```
#4e8792
```
#4e8792 rgb(78,135,146)
```
#458c9b
```
#458c9b rgb(69,140,155)
```
#3c92a4
```
#3c92a4 rgb(60,146,164)
```
#3498ac
```
#3498ac rgb(52,152,172)
```
#2b9eb5
```
#2b9eb5 rgb(43,158,181)
```
#22a3be
```
#22a3be rgb(34,163,190)
```
#1aa9c6
```
#1aa9c6 rgb(26,169,198)
```
#11afcf
```
#11afcf rgb(17,175,207)
```
#09b4d7
```
#09b4d7 rgb(9,180,215)
```
#00bae0
```
#00bae0 rgb(0,186,224)
```

Tone Color Variation

Below, you can see how #00bae0 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

#878787 Achromatopsia 0.005% of the population
#6c9199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4add6 Protanopia 1% of men
#9cace8 Deuteranopia 1% of men
#00c0cd Tritanopia 0.001% of the population

Trichromacy

#68b1da Protanomaly 1% of men, 0.01% of women
#63b1e5 Deuteranomaly 6% of men, 0.4% of women
#00bdd4 Tritanomaly 0.01% of the population

#00bae0 hex color

#00bae0 Color Information

#00bae0 Color Conversion

Color Schemes with #00bae0

Alternatives to #00bae0

#00bae0 Preview

Shades and Tints of #00bae0

Tones of #00bae0

Color Blindness Simulator