#00accc hex color

In a RGB color space, hex #00accc is composed of 0% red, 67.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 15.7% magenta, 0% yellow and 20% black. It has a hue angle of 189.4 degrees, a saturation of 100% and a lightness of 40%. #00accc color hex could be obtained by blending #00ffff with #005999. Closest websafe color is: #0099cc.

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

● #00accc color description : Strong cyan.

The hexadecimal color #00accc has RGB values of R:0, G:172, B:204 and CMYK values of C:1, M:0.16, Y:0, K:0.2. Its decimal value is 44236.

Hex triplet	00accc	`#00accc`
RGB Decimal	0, 172, 204	`rgb(0,172,204)`
RGB Percent	0, 67.5, 80	`rgb(0%,67.5%,80%)`
CMYK	100, 16, 0, 20
HSL	189.4°, 100, 40	`hsl(189.4,100%,40%)`
HSV (or HSB)	189.4°, 100, 80
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.853, -25.398, -26.643
XYZ	25.649, 33.862, 62.308
xyY	0.211, 0.278, 33.862
CIE-LCH	64.853, 36.809, 226.37
CIE-LUV	64.853, -46.747, -38.239
Hunter-Lab	58.191, -23.158, -22.75
Binary	00000000, 10101100, 11001100

#00accc
```
#00accc rgb(0,172,204)
```
#cc2000
```
#cc2000 rgb(204,32,0)
```

Complementary Color

#00cc86
```
#00cc86 rgb(0,204,134)
```
#00accc
```
#00accc rgb(0,172,204)
```
#0046cc
```
#0046cc rgb(0,70,204)
```

Analogous Color

#cc8600
```
#cc8600 rgb(204,134,0)
```
#00accc
```
#00accc rgb(0,172,204)
```
#cc0046
```
#cc0046 rgb(204,0,70)
```

Split Complementary Color

#accc00
```
#accc00 rgb(172,204,0)
```
#00accc
```
#00accc rgb(0,172,204)
```
#cc00ac
```
#cc00ac rgb(204,0,172)
```

Triadic Color

#00cc20
```
#00cc20 rgb(0,204,32)
```
#00accc
```
#00accc rgb(0,172,204)
```
#cc00ac
```
#cc00ac rgb(204,0,172)
```
#cc2000
```
#cc2000 rgb(204,32,0)
```

Tetradic Color

#006c80
```
#006c80 rgb(0,108,128)
```
#008199
```
#008199 rgb(0,129,153)
```
#0097b3
```
#0097b3 rgb(0,151,179)
```
#00accc
```
#00accc rgb(0,172,204)
```
#00c2e6
```
#00c2e6 rgb(0,194,230)
```
#00d7ff
```
#00d7ff rgb(0,215,255)
```
#1adbff
```
#1adbff rgb(26,219,255)
```

Monochromatic Color

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

#00ccb9
```
#00ccb9 rgb(0,204,185)
```
#00ccca
```
#00ccca rgb(0,204,202)
```
#00bdcc
```
#00bdcc rgb(0,189,204)
```
#00accc
```
#00accc rgb(0,172,204)
```
#009bcc
```
#009bcc rgb(0,155,204)
```
#008acc
```
#008acc rgb(0,138,204)
```
#0079cc
```
#0079cc rgb(0,121,204)
```

Similar Colors

Text with hexadecimal color #00accc

This text has a font color of #00accc.

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

#00accc background color

This paragraph has a background color of #00accc.

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

#00accc border color

This element has a border color of #00accc.

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

CSS codes

.text {color:#00accc;}

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

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

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

#000708
```
#000708 rgb(0,7,8)
```
#00171b
```
#00171b rgb(0,23,27)
```
#00282f
```
#00282f rgb(0,40,47)
```
#003843
```
#003843 rgb(0,56,67)
```
#004956
```
#004956 rgb(0,73,86)
```
#00596a
```
#00596a rgb(0,89,106)
```
#006a7e
```
#006a7e rgb(0,106,126)
```
#007a91
```
#007a91 rgb(0,122,145)
```
#008ba5
```
#008ba5 rgb(0,139,165)
```
#009bb8
```
#009bb8 rgb(0,155,184)
```
#00accc
```
#00accc rgb(0,172,204)
```
#00bde0
```
#00bde0 rgb(0,189,224)
```
#00cdf3
```
#00cdf3 rgb(0,205,243)
```

Shade Color Variation

#08d8ff
```
#08d8ff rgb(8,216,255)
```
#1bdbff
```
#1bdbff rgb(27,219,255)
```
#2fdeff
```
#2fdeff rgb(47,222,255)
```
#43e1ff
```
#43e1ff rgb(67,225,255)
```
#56e5ff
```
#56e5ff rgb(86,229,255)
```
#6ae8ff
```
#6ae8ff rgb(106,232,255)
```
#7eebff
```
#7eebff rgb(126,235,255)
```
#91eeff
```
#91eeff rgb(145,238,255)
```
#a5f1ff
```
#a5f1ff rgb(165,241,255)
```
#b8f4ff
```
#b8f4ff rgb(184,244,255)
```
#ccf7ff
```
#ccf7ff rgb(204,247,255)
```
#e0faff
```
#e0faff rgb(224,250,255)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#5e6b6e
```
#5e6b6e rgb(94,107,110)
```
#567176
```
#567176 rgb(86,113,118)
```
#4e767e
```
#4e767e rgb(78,118,126)
```
#477c85
```
#477c85 rgb(71,124,133)
```
#3f818d
```
#3f818d rgb(63,129,141)
```
#378695
```
#378695 rgb(55,134,149)
```
#2f8c9d
```
#2f8c9d rgb(47,140,157)
```
#2791a5
```
#2791a5 rgb(39,145,165)
```
#1f96ad
```
#1f96ad rgb(31,150,173)
```
#189cb4
```
#189cb4 rgb(24,156,180)
```
#10a1bc
```
#10a1bc rgb(16,161,188)
```
#08a7c4
```
#08a7c4 rgb(8,167,196)
```
#00accc
```
#00accc rgb(0,172,204)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#63868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a0c4 Protanopia 1% of men
#93a0d4 Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#61a4c7 Protanomaly 1% of men, 0.01% of women
#5da4d1 Deuteranomaly 6% of men, 0.4% of women
#00afc3 Tritanomaly 0.01% of the population

#00accc hex color

#00accc Color Information

#00accc Color Conversion

Color Schemes with #00accc

Alternatives to #00accc

#00accc Preview

Shades and Tints of #00accc

Tones of #00accc

Color Blindness Simulator