#00baec hex color

In a RGB color space, hex #00baec is composed of 0% red, 72.9% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 21.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 192.7 degrees, a saturation of 100% and a lightness of 46.3%. #00baec color hex could be obtained by blending #00ffff with #0075d9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 0
- G 73
- B 93
RGB color chart
- C 100
- M 21
- Y 0
- K 7
CMYK color chart

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

The hexadecimal color #00baec has RGB values of R:0, G:186, B:236 and CMYK values of C:1, M:0.21, Y:0, K:0.07. Its decimal value is 47852.

Hex triplet	00baec	`#00baec`
RGB Decimal	0, 186, 236	`rgb(0,186,236)`
RGB Percent	0, 72.9, 92.5	`rgb(0%,72.9%,92.5%)`
CMYK	100, 21, 0, 7
HSL	192.7°, 100, 46.3	`hsl(192.7,100%,46.3%)`
HSV (or HSB)	192.7°, 100, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.295, -21.626, -35.785
XYZ	32.695, 41.171, 85.576
xyY	0.205, 0.258, 41.171
CIE-LCH	70.295, 41.812, 238.853
CIE-LUV	70.295, -49.024, -54.647
Hunter-Lab	64.164, -21.332, -34.16
Binary	00000000, 10111010, 11101100

#00baec
```
#00baec rgb(0,186,236)
```
#ec3200
```
#ec3200 rgb(236,50,0)
```

Complementary Color

#00eca8
```
#00eca8 rgb(0,236,168)
```
#00baec
```
#00baec rgb(0,186,236)
```
#0044ec
```
#0044ec rgb(0,68,236)
```

Analogous Color

#eca800
```
#eca800 rgb(236,168,0)
```
#00baec
```
#00baec rgb(0,186,236)
```
#ec0044
```
#ec0044 rgb(236,0,68)
```

Split Complementary Color

#baec00
```
#baec00 rgb(186,236,0)
```
#00baec
```
#00baec rgb(0,186,236)
```
#ec00ba
```
#ec00ba rgb(236,0,186)
```

Triadic Color

#00ec32
```
#00ec32 rgb(0,236,50)
```
#00baec
```
#00baec rgb(0,186,236)
```
#ec00ba
```
#ec00ba rgb(236,0,186)
```
#ec3200
```
#ec3200 rgb(236,50,0)
```

Tetradic Color

#007ea0
```
#007ea0 rgb(0,126,160)
```
#0092b9
```
#0092b9 rgb(0,146,185)
```
#00a6d3
```
#00a6d3 rgb(0,166,211)
```
#00baec
```
#00baec rgb(0,186,236)
```
#06caff
```
#06caff rgb(6,202,255)
```
#20d0ff
```
#20d0ff rgb(32,208,255)
```
#3ad5ff
```
#3ad5ff rgb(58,213,255)
```

Monochromatic Color

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

#00ece3
```
#00ece3 rgb(0,236,227)
```
#00e1ec
```
#00e1ec rgb(0,225,236)
```
#00ceec
```
#00ceec rgb(0,206,236)
```
#00baec
```
#00baec rgb(0,186,236)
```
#00a6ec
```
#00a6ec rgb(0,166,236)
```
#0093ec
```
#0093ec rgb(0,147,236)
```
#007fec
```
#007fec rgb(0,127,236)
```

Similar Colors

Text with hexadecimal color #00baec

This text has a font color of #00baec.

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

#00baec background color

This paragraph has a background color of #00baec.

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

#00baec border color

This element has a border color of #00baec.

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

CSS codes

.text {color:#00baec;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#001014
```
#001014 rgb(0,16,20)
```
#001f28
```
#001f28 rgb(0,31,40)
```
#002f3b
```
#002f3b rgb(0,47,59)
```
#003e4f
```
#003e4f rgb(0,62,79)
```
#004e63
```
#004e63 rgb(0,78,99)
```
#005d76
```
#005d76 rgb(0,93,118)
```
#006d8a
```
#006d8a rgb(0,109,138)
```
#007c9e
```
#007c9e rgb(0,124,158)
```
#008cb1
```
#008cb1 rgb(0,140,177)
```
#009bc5
```
#009bc5 rgb(0,155,197)
```
#00abd8
```
#00abd8 rgb(0,171,216)
```
#00baec
```
#00baec rgb(0,186,236)
```

Shade Color Variation

#01c9ff
```
#01c9ff rgb(1,201,255)
```
#14cdff
```
#14cdff rgb(20,205,255)
```
#28d1ff
```
#28d1ff rgb(40,209,255)
```
#3bd6ff
```
#3bd6ff rgb(59,214,255)
```
#4fdaff
```
#4fdaff rgb(79,218,255)
```
#63deff
```
#63deff rgb(99,222,255)
```
#76e2ff
```
#76e2ff rgb(118,226,255)
```
#8ae6ff
```
#8ae6ff rgb(138,230,255)
```
#9eeaff
```
#9eeaff rgb(158,234,255)
```
#b1efff
```
#b1efff rgb(177,239,255)
```
#c5f3ff
```
#c5f3ff rgb(197,243,255)
```
#d8f7ff
```
#d8f7ff rgb(216,247,255)
```
#ecfbff
```
#ecfbff rgb(236,251,255)
```

Tint Color Variation

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

#6d7b7f
```
#6d7b7f rgb(109,123,127)
```
#648088
```
#648088 rgb(100,128,136)
```
#5b8691
```
#5b8691 rgb(91,134,145)
```
#528b9a
```
#528b9a rgb(82,139,154)
```
#4990a3
```
#4990a3 rgb(73,144,163)
```
#4095ac
```
#4095ac rgb(64,149,172)
```
#369bb6
```
#369bb6 rgb(54,155,182)
```
#2da0bf
```
#2da0bf rgb(45,160,191)
```
#24a5c8
```
#24a5c8 rgb(36,165,200)
```
#1baad1
```
#1baad1 rgb(27,170,209)
```
#12b0da
```
#12b0da rgb(18,176,218)
```
#09b5e3
```
#09b5e3 rgb(9,181,227)
```
#00baec
```
#00baec rgb(0,186,236)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6d929c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aee2 Protanopia 1% of men
#95aef3 Deuteranopia 1% of men
#00c1ce Tritanopia 0.001% of the population

Trichromacy

#66b2e5 Protanomaly 1% of men, 0.01% of women
#5eb2f0 Deuteranomaly 6% of men, 0.4% of women
#00bed9 Tritanomaly 0.01% of the population

#00baec hex color

#00baec Color Information

#00baec Color Conversion

Color Schemes with #00baec

Alternatives to #00baec

#00baec Preview

Shades and Tints of #00baec

Tones of #00baec

Color Blindness Simulator