#00bacb hex color

In a RGB color space, hex #00bacb is composed of 0% red, 72.9% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 8.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 185 degrees, a saturation of 100% and a lightness of 39.8%. #00bacb color hex could be obtained by blending #00ffff with #007597. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 73
- B 80
RGB color chart
- C 100
- M 8
- Y 0
- K 20
CMYK color chart

● #00bacb color description : Strong cyan.

The hexadecimal color #00bacb has RGB values of R:0, G:186, B:203 and CMYK values of C:1, M:0.08, Y:0, K:0.2. Its decimal value is 47819.

Hex triplet	00bacb	`#00bacb`
RGB Decimal	0, 186, 203	`rgb(0,186,203)`
RGB Percent	0, 72.9, 79.6	`rgb(0%,72.9%,79.6%)`
CMYK	100, 8, 0, 20
HSL	185°, 100, 39.8	`hsl(185,100%,39.8%)`
HSV (or HSB)	185°, 100, 79.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.059, -32.62, -19.661
XYZ	28.335, 39.427, 62.613
xyY	0.217, 0.302, 39.427
CIE-LCH	69.059, 38.087, 211.08
CIE-LUV	69.059, -51.615, -25.988
Hunter-Lab	62.791, -29.333, -15.169
Binary	00000000, 10111010, 11001011

#00bacb
```
#00bacb rgb(0,186,203)
```
#cb1100
```
#cb1100 rgb(203,17,0)
```

Complementary Color

#00cb77
```
#00cb77 rgb(0,203,119)
```
#00bacb
```
#00bacb rgb(0,186,203)
```
#0055cb
```
#0055cb rgb(0,85,203)
```

Analogous Color

#cb7700
```
#cb7700 rgb(203,119,0)
```
#00bacb
```
#00bacb rgb(0,186,203)
```
#cb0055
```
#cb0055 rgb(203,0,85)
```

Split Complementary Color

#bacb00
```
#bacb00 rgb(186,203,0)
```
#00bacb
```
#00bacb rgb(0,186,203)
```
#cb00ba
```
#cb00ba rgb(203,0,186)
```

Triadic Color

#00cb11
```
#00cb11 rgb(0,203,17)
```
#00bacb
```
#00bacb rgb(0,186,203)
```
#cb00ba
```
#cb00ba rgb(203,0,186)
```
#cb1100
```
#cb1100 rgb(203,17,0)
```

Tetradic Color

#00747f
```
#00747f rgb(0,116,127)
```
#008b98
```
#008b98 rgb(0,139,152)
```
#00a3b2
```
#00a3b2 rgb(0,163,178)
```
#00bacb
```
#00bacb rgb(0,186,203)
```
#00d1e5
```
#00d1e5 rgb(0,209,229)
```
#00e9fe
```
#00e9fe rgb(0,233,254)
```
#19ecff
```
#19ecff rgb(25,236,255)
```

Monochromatic Color

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

#00cba9
```
#00cba9 rgb(0,203,169)
```
#00cbba
```
#00cbba rgb(0,203,186)
```
#00cbcb
```
#00cbcb rgb(0,203,203)
```
#00bacb
```
#00bacb rgb(0,186,203)
```
#00a9cb
```
#00a9cb rgb(0,169,203)
```
#0098cb
```
#0098cb rgb(0,152,203)
```
#0087cb
```
#0087cb rgb(0,135,203)
```

Similar Colors

Text with hexadecimal color #00bacb

This text has a font color of #00bacb.

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

#00bacb background color

This paragraph has a background color of #00bacb.

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

#00bacb border color

This element has a border color of #00bacb.

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

CSS codes

.text {color:#00bacb;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00181a
```
#00181a rgb(0,24,26)
```
#002a2e
```
#002a2e rgb(0,42,46)
```
#003c42
```
#003c42 rgb(0,60,66)
```
#004e55
```
#004e55 rgb(0,78,85)
```
#006069
```
#006069 rgb(0,96,105)
```
#00727d
```
#00727d rgb(0,114,125)
```
#008490
```
#008490 rgb(0,132,144)
```
#0096a4
```
#0096a4 rgb(0,150,164)
```
#00a8b7
```
#00a8b7 rgb(0,168,183)
```
#00bacb
```
#00bacb rgb(0,186,203)
```
#00ccdf
```
#00ccdf rgb(0,204,223)
```
#00def2
```
#00def2 rgb(0,222,242)
```

Shade Color Variation

#07eaff
```
#07eaff rgb(7,234,255)
```
#1aecff
```
#1aecff rgb(26,236,255)
```
#2eeeff
```
#2eeeff rgb(46,238,255)
```
#42efff
```
#42efff rgb(66,239,255)
```
#55f1ff
```
#55f1ff rgb(85,241,255)
```
#69f2ff
```
#69f2ff rgb(105,242,255)
```
#7df4ff
```
#7df4ff rgb(125,244,255)
```
#90f6ff
```
#90f6ff rgb(144,246,255)
```
#a4f7ff
```
#a4f7ff rgb(164,247,255)
```
#b7f9ff
```
#b7f9ff rgb(183,249,255)
```
#cbfbff
```
#cbfbff rgb(203,251,255)
```
#dffcff
```
#dffcff rgb(223,252,255)
```
#f2feff
```
#f2feff rgb(242,254,255)
```

Tint Color Variation

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

#5e6c6d
```
#5e6c6d rgb(94,108,109)
```
#567375
```
#567375 rgb(86,115,117)
```
#4e797d
```
#4e797d rgb(78,121,125)
```
#468085
```
#468085 rgb(70,128,133)
```
#3e868d
```
#3e868d rgb(62,134,141)
```
#378d94
```
#378d94 rgb(55,141,148)
```
#2f939c
```
#2f939c rgb(47,147,156)
```
#279aa4
```
#279aa4 rgb(39,154,164)
```
#1fa0ac
```
#1fa0ac rgb(31,160,172)
```
#17a7b4
```
#17a7b4 rgb(23,167,180)
```
#10adbb
```
#10adbb rgb(16,173,187)
```
#08b4c3
```
#08b4c3 rgb(8,180,195)
```
#00bacb
```
#00bacb rgb(0,186,203)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8f92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9abc2 Protanopia 1% of men
#a7a9d5 Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

#6bb0c5 Protanomaly 1% of men, 0.01% of women
#6aafd1 Deuteranomaly 6% of men, 0.4% of women
#00bccb Tritanomaly 0.01% of the population

#00bacb hex color

#00bacb Color Information

#00bacb Color Conversion

Color Schemes with #00bacb

Alternatives to #00bacb

#00bacb Preview

Shades and Tints of #00bacb

Tones of #00bacb

Color Blindness Simulator