#00ffcc hex color (#0fc)

In a RGB color space, hex #00ffcc is composed of 0% red, 100% green and 80% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 20% yellow and 0% black. It has a hue angle of 168 degrees, a saturation of 100% and a lightness of 50%. #00ffcc color hex could be obtained by blending #00ffff with #00ff99. #00ffcc (or #0fc) is a websafe color.

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

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

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

Hex triplet	00ffcc	`#00ffcc`
RGB Decimal	0, 255, 204	`rgb(0,255,204)`
RGB Percent	0, 100, 80	`rgb(0%,100%,80%)`
CMYK	100, 0, 20, 0
HSL	168°, 100, 50	`hsl(168,100%,50%)`
HSV (or HSB)	168°, 100, 100
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	89.801, -61.622, 10.371
XYZ	46.655, 75.875, 69.31
xyY	0.243, 0.396, 75.875
CIE-LCH	89.801, 62.488, 170.447
CIE-LUV	89.801, -74.53, 25.665
Hunter-Lab	87.106, -56.829, 13.798
Binary	00000000, 11111111, 11001100

#00ffcc
```
#00ffcc rgb(0,255,204)
```
#ff0033
```
#ff0033 rgb(255,0,51)
```

Complementary Color

#00ff4d
```
#00ff4d rgb(0,255,77)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```
#00b3ff
```
#00b3ff rgb(0,179,255)
```

Analogous Color

#ff4d00
```
#ff4d00 rgb(255,77,0)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```
#ff00b3
```
#ff00b3 rgb(255,0,179)
```

Split Complementary Color

#ffcc00
```
#ffcc00 rgb(255,204,0)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```
#cc00ff
```
#cc00ff rgb(204,0,255)
```

Triadic Color

#33ff00
```
#33ff00 rgb(51,255,0)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```
#cc00ff
```
#cc00ff rgb(204,0,255)
```
#ff0033
```
#ff0033 rgb(255,0,51)
```

Tetradic Color

#00b38f
```
#00b38f rgb(0,179,143)
```
#00cca3
```
#00cca3 rgb(0,204,163)
```
#00e6b8
```
#00e6b8 rgb(0,230,184)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```
#1affd1
```
#1affd1 rgb(26,255,209)
```
#33ffd6
```
#33ffd6 rgb(51,255,214)
```
#4dffdb
```
#4dffdb rgb(77,255,219)
```

Monochromatic Color

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

#00ff8c
```
#00ff8c rgb(0,255,140)
```
#00ffa2
```
#00ffa2 rgb(0,255,162)
```
#00ffb7
```
#00ffb7 rgb(0,255,183)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```
#00ffe1
```
#00ffe1 rgb(0,255,225)
```
#00fff7
```
#00fff7 rgb(0,255,247)
```
#00f2ff
```
#00f2ff rgb(0,242,255)
```

Similar Colors

Text with hexadecimal color #00ffcc

This text has a font color of #00ffcc.

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

#00ffcc background color

This paragraph has a background color of #00ffcc.

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

#00ffcc border color

This element has a border color of #00ffcc.

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

CSS codes

.text {color:#00ffcc;}

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

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

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

#001410
```
#001410 rgb(0,20,16)
```
#00271f
```
#00271f rgb(0,39,31)
```
#003b2f
```
#003b2f rgb(0,59,47)
```
#004e3f
```
#004e3f rgb(0,78,63)
```
#00624e
```
#00624e rgb(0,98,78)
```
#00765e
```
#00765e rgb(0,118,94)
```
#00896e
```
#00896e rgb(0,137,110)
```
#009d7e
```
#009d7e rgb(0,157,126)
```
#00b18d
```
#00b18d rgb(0,177,141)
```
#00c49d
```
#00c49d rgb(0,196,157)
```
#00d8ad
```
#00d8ad rgb(0,216,173)
```
#00ebbc
```
#00ebbc rgb(0,235,188)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```

Shade Color Variation

#14ffd0
```
#14ffd0 rgb(20,255,208)
```
#27ffd4
```
#27ffd4 rgb(39,255,212)
```
#3bffd8
```
#3bffd8 rgb(59,255,216)
```
#4effdc
```
#4effdc rgb(78,255,220)
```
#62ffe0
```
#62ffe0 rgb(98,255,224)
```
#76ffe4
```
#76ffe4 rgb(118,255,228)
```
#89ffe7
```
#89ffe7 rgb(137,255,231)
```
#9dffeb
```
#9dffeb rgb(157,255,235)
```
#b1ffef
```
#b1ffef rgb(177,255,239)
```
#c4fff3
```
#c4fff3 rgb(196,255,243)
```
#d8fff7
```
#d8fff7 rgb(216,255,247)
```
#ebfffb
```
#ebfffb rgb(235,255,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#768985
```
#768985 rgb(118,137,133)
```
#6c938b
```
#6c938b rgb(108,147,139)
```
#629d91
```
#629d91 rgb(98,157,145)
```
#58a797
```
#58a797 rgb(88,167,151)
```
#4eb19d
```
#4eb19d rgb(78,177,157)
```
#45baa3
```
#45baa3 rgb(69,186,163)
```
#3bc4a9
```
#3bc4a9 rgb(59,196,169)
```
#31ceaf
```
#31ceaf rgb(49,206,175)
```
#27d8b4
```
#27d8b4 rgb(39,216,180)
```
#1de2ba
```
#1de2ba rgb(29,226,186)
```
#14ebc0
```
#14ebc0 rgb(20,235,192)
```
#0af5c6
```
#0af5c6 rgb(10,245,198)
```
#00ffcc
```
#00ffcc rgb(0,255,204)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#8abdb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe2c1 Protanopia 1% of men
#fbdcda Deuteranopia 1% of men
#95f1ff Tritanopia 0.001% of the population

Trichromacy

#98edc5 Protanomaly 1% of men, 0.01% of women
#a0e8d5 Deuteranomaly 6% of men, 0.4% of women
#5ff6ec Tritanomaly 0.01% of the population

#00ffcc hex color

#00ffcc Color Information

#00ffcc Color Conversion

Color Schemes with #00ffcc

Alternatives to #00ffcc

#00ffcc Preview

Shades and Tints of #00ffcc

Tones of #00ffcc

Color Blindness Simulator