#00bae3 hex color

In a RGB color space, hex #00bae3 is composed of 0% red, 72.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 18.1% magenta, 0% yellow and 11% black. It has a hue angle of 190.8 degrees, a saturation of 100% and a lightness of 44.5%. #00bae3 color hex could be obtained by blending #00ffff with #0075c7. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 73
- B 89
RGB color chart
- C 100
- M 18
- Y 0
- K 11
CMYK color chart

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

The hexadecimal color #00bae3 has RGB values of R:0, G:186, B:227 and CMYK values of C:1, M:0.18, Y:0, K:0.11. Its decimal value is 47843.

Hex triplet	00bae3	`#00bae3`
RGB Decimal	0, 186, 227	`rgb(0,186,227)`
RGB Percent	0, 72.9, 89	`rgb(0%,72.9%,89%)`
CMYK	100, 18, 0, 11
HSL	190.8°, 100, 44.5	`hsl(190.8,100%,44.5%)`
HSV (or HSB)	190.8°, 100, 89
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.938, -24.698, -31.442
XYZ	31.42, 40.661, 78.861
xyY	0.208, 0.269, 40.661
CIE-LCH	69.938, 39.983, 231.85
CIE-LUV	69.938, -49.715, -46.823
Hunter-Lab	63.766, -23.635, -28.69
Binary	00000000, 10111010, 11100011

#00bae3
```
#00bae3 rgb(0,186,227)
```
#e32900
```
#e32900 rgb(227,41,0)
```

Complementary Color

#00e39b
```
#00e39b rgb(0,227,155)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```
#0049e3
```
#0049e3 rgb(0,73,227)
```

Analogous Color

#e39b00
```
#e39b00 rgb(227,155,0)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```
#e30049
```
#e30049 rgb(227,0,73)
```

Split Complementary Color

#bae300
```
#bae300 rgb(186,227,0)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```
#e300ba
```
#e300ba rgb(227,0,186)
```

Triadic Color

#00e329
```
#00e329 rgb(0,227,41)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```
#e300ba
```
#e300ba rgb(227,0,186)
```
#e32900
```
#e32900 rgb(227,41,0)
```

Tetradic Color

#007b97
```
#007b97 rgb(0,123,151)
```
#0090b0
```
#0090b0 rgb(0,144,176)
```
#00a5ca
```
#00a5ca rgb(0,165,202)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```
#00cffd
```
#00cffd rgb(0,207,253)
```
#17d5ff
```
#17d5ff rgb(23,213,255)
```
#31daff
```
#31daff rgb(49,218,255)
```

Monochromatic Color

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

#00e3d3
```
#00e3d3 rgb(0,227,211)
```
#00e0e3
```
#00e0e3 rgb(0,224,227)
```
#00cde3
```
#00cde3 rgb(0,205,227)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```
#00a7e3
```
#00a7e3 rgb(0,167,227)
```
#0094e3
```
#0094e3 rgb(0,148,227)
```
#0081e3
```
#0081e3 rgb(0,129,227)
```

Similar Colors

Text with hexadecimal color #00bae3

This text has a font color of #00bae3.

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

#00bae3 background color

This paragraph has a background color of #00bae3.

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

#00bae3 border color

This element has a border color of #00bae3.

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

CSS codes

.text {color:#00bae3;}

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

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

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, #00090b is the darkest color, while #f7fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#00191f
```
#00191f rgb(0,25,31)
```
#002932
```
#002932 rgb(0,41,50)
```
#003946
```
#003946 rgb(0,57,70)
```
#00495a
```
#00495a rgb(0,73,90)
```
#005a6d
```
#005a6d rgb(0,90,109)
```
#006a81
```
#006a81 rgb(0,106,129)
```
#007a95
```
#007a95 rgb(0,122,149)
```
#008aa8
```
#008aa8 rgb(0,138,168)
```
#009abc
```
#009abc rgb(0,154,188)
```
#00aacf
```
#00aacf rgb(0,170,207)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```
#00caf7
```
#00caf7 rgb(0,202,247)
```

Shade Color Variation

#0bd3ff
```
#0bd3ff rgb(11,211,255)
```
#1fd7ff
```
#1fd7ff rgb(31,215,255)
```
#32daff
```
#32daff rgb(50,218,255)
```
#46deff
```
#46deff rgb(70,222,255)
```
#5ae1ff
```
#5ae1ff rgb(90,225,255)
```
#6de5ff
```
#6de5ff rgb(109,229,255)
```
#81e8ff
```
#81e8ff rgb(129,232,255)
```
#95ecff
```
#95ecff rgb(149,236,255)
```
#a8efff
```
#a8efff rgb(168,239,255)
```
#bcf3ff
```
#bcf3ff rgb(188,243,255)
```
#cff6ff
```
#cff6ff rgb(207,246,255)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#69777a
```
#69777a rgb(105,119,122)
```
#607d83
```
#607d83 rgb(96,125,131)
```
#57828c
```
#57828c rgb(87,130,140)
```
#4f8894
```
#4f8894 rgb(79,136,148)
```
#468d9d
```
#468d9d rgb(70,141,157)
```
#3d93a6
```
#3d93a6 rgb(61,147,166)
```
#3499af
```
#3499af rgb(52,153,175)
```
#2c9eb7
```
#2c9eb7 rgb(44,158,183)
```
#23a4c0
```
#23a4c0 rgb(35,164,192)
```
#1aa9c9
```
#1aa9c9 rgb(26,169,201)
```
#11afd2
```
#11afd2 rgb(17,175,210)
```
#09b4da
```
#09b4da rgb(9,180,218)
```
#00bae3
```
#00bae3 rgb(0,186,227)
```

Tone Color Variation

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

#a3add9 Protanopia 1% of men
#9aadea Deuteranopia 1% of men
#00c0cd Tritanopia 0.001% of the population

Trichromacy

#67b2dd Protanomaly 1% of men, 0.01% of women
#62b1e8 Deuteranomaly 6% of men, 0.4% of women
#00bed5 Tritanomaly 0.01% of the population

#00bae3 hex color

#00bae3 Color Information

#00bae3 Color Conversion

Color Schemes with #00bae3

Alternatives to #00bae3

#00bae3 Preview

Shades and Tints of #00bae3

Tones of #00bae3

Color Blindness Simulator