#00bacc hex color

In a RGB color space, hex #00bacc is composed of 0% red, 72.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 8.8% magenta, 0% yellow and 20% black. It has a hue angle of 185.3 degrees, a saturation of 100% and a lightness of 40%. #00bacc color hex could be obtained by blending #00ffff with #007599. Closest websafe color is: #00cccc.

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

● #00bacc color description : Strong cyan.

The hexadecimal color #00bacc has RGB values of R:0, G:186, B:204 and CMYK values of C:1, M:0.09, Y:0, K:0.2. Its decimal value is 47820.

Hex triplet	00bacc	`#00bacc`
RGB Decimal	0, 186, 204	`rgb(0,186,204)`
RGB Percent	0, 72.9, 80	`rgb(0%,72.9%,80%)`
CMYK	100, 9, 0, 20
HSL	185.3°, 100, 40	`hsl(185.3,100%,40%)`
HSV (or HSB)	185.3°, 100, 80
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.094, -32.299, -20.158
XYZ	28.455, 39.475, 63.243
xyY	0.217, 0.301, 39.475
CIE-LCH	69.094, 38.073, 211.969
CIE-LUV	69.094, -51.535, -26.851
Hunter-Lab	62.829, -29.109, -15.701
Binary	00000000, 10111010, 11001100

#00bacc
```
#00bacc rgb(0,186,204)
```
#cc1200
```
#cc1200 rgb(204,18,0)
```

Complementary Color

#00cc78
```
#00cc78 rgb(0,204,120)
```
#00bacc
```
#00bacc rgb(0,186,204)
```
#0054cc
```
#0054cc rgb(0,84,204)
```

Analogous Color

#cc7800
```
#cc7800 rgb(204,120,0)
```
#00bacc
```
#00bacc rgb(0,186,204)
```
#cc0054
```
#cc0054 rgb(204,0,84)
```

Split Complementary Color

#bacc00
```
#bacc00 rgb(186,204,0)
```
#00bacc
```
#00bacc rgb(0,186,204)
```
#cc00ba
```
#cc00ba rgb(204,0,186)
```

Triadic Color

#00cc12
```
#00cc12 rgb(0,204,18)
```
#00bacc
```
#00bacc rgb(0,186,204)
```
#cc00ba
```
#cc00ba rgb(204,0,186)
```
#cc1200
```
#cc1200 rgb(204,18,0)
```

Tetradic Color

#007480
```
#007480 rgb(0,116,128)
```
#008c99
```
#008c99 rgb(0,140,153)
```
#00a3b3
```
#00a3b3 rgb(0,163,179)
```
#00bacc
```
#00bacc rgb(0,186,204)
```
#00d1e6
```
#00d1e6 rgb(0,209,230)
```
#00e9ff
```
#00e9ff rgb(0,233,255)
```
#1aebff
```
#1aebff rgb(26,235,255)
```

Monochromatic Color

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

#00ccab
```
#00ccab rgb(0,204,171)
```
#00ccbc
```
#00ccbc rgb(0,204,188)
```
#00cbcc
```
#00cbcc rgb(0,203,204)
```
#00bacc
```
#00bacc rgb(0,186,204)
```
#00a9cc
```
#00a9cc rgb(0,169,204)
```
#0098cc
```
#0098cc rgb(0,152,204)
```
#0087cc
```
#0087cc rgb(0,135,204)
```

Similar Colors

Text with hexadecimal color #00bacc

This text has a font color of #00bacc.

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

#00bacc background color

This paragraph has a background color of #00bacc.

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

#00bacc border color

This element has a border color of #00bacc.

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

CSS codes

.text {color:#00bacc;}

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

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

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 #f3feff is the lightest one.

#000708
```
#000708 rgb(0,7,8)
```
#00191b
```
#00191b rgb(0,25,27)
```
#002b2f
```
#002b2f rgb(0,43,47)
```
#003d43
```
#003d43 rgb(0,61,67)
```
#004f56
```
#004f56 rgb(0,79,86)
```
#00616a
```
#00616a rgb(0,97,106)
```
#00727e
```
#00727e rgb(0,114,126)
```
#008491
```
#008491 rgb(0,132,145)
```
#0096a5
```
#0096a5 rgb(0,150,165)
```
#00a8b8
```
#00a8b8 rgb(0,168,184)
```
#00bacc
```
#00bacc rgb(0,186,204)
```
#00cce0
```
#00cce0 rgb(0,204,224)
```
#00def3
```
#00def3 rgb(0,222,243)
```

Shade Color Variation

#08e9ff
```
#08e9ff rgb(8,233,255)
```
#1bebff
```
#1bebff rgb(27,235,255)
```
#2fedff
```
#2fedff rgb(47,237,255)
```
#43eeff
```
#43eeff rgb(67,238,255)
```
#56f0ff
```
#56f0ff rgb(86,240,255)
```
#6af2ff
```
#6af2ff rgb(106,242,255)
```
#7ef4ff
```
#7ef4ff rgb(126,244,255)
```
#91f5ff
```
#91f5ff rgb(145,245,255)
```
#a5f7ff
```
#a5f7ff rgb(165,247,255)
```
#b8f9ff
```
#b8f9ff rgb(184,249,255)
```
#ccfbff
```
#ccfbff rgb(204,251,255)
```
#e0fcff
```
#e0fcff rgb(224,252,255)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#5e6c6e
```
#5e6c6e rgb(94,108,110)
```
#567376
```
#567376 rgb(86,115,118)
```
#4e797e
```
#4e797e rgb(78,121,126)
```
#478085
```
#478085 rgb(71,128,133)
```
#3f868d
```
#3f868d rgb(63,134,141)
```
#378d95
```
#378d95 rgb(55,141,149)
```
#2f939d
```
#2f939d rgb(47,147,157)
```
#279aa5
```
#279aa5 rgb(39,154,165)
```
#1fa0ad
```
#1fa0ad rgb(31,160,173)
```
#18a7b4
```
#18a7b4 rgb(24,167,180)
```
#10adbc
```
#10adbc rgb(16,173,188)
```
#08b4c4
```
#08b4c4 rgb(8,180,196)
```
#00bacc
```
#00bacc rgb(0,186,204)
```

Tone Color Variation

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

#a8abc3 Protanopia 1% of men
#a6aad6 Deuteranopia 1% of men
#00bdcb Tritanopia 0.001% of the population

Trichromacy

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

#00bacc hex color

#00bacc Color Information

#00bacc Color Conversion

Color Schemes with #00bacc

Alternatives to #00bacc

#00bacc Preview

Shades and Tints of #00bacc

Tones of #00bacc

Color Blindness Simulator