#00d696 hex color

In a RGB color space, hex #00d696 is composed of 0% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 162.1 degrees, a saturation of 100% and a lightness of 42%. #00d696 color hex could be obtained by blending #00ffff with #00ad2d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 0
- G 84
- B 59
RGB color chart
- C 100
- M 0
- Y 30
- K 16
CMYK color chart

● #00d696 color description : Strong cyan - lime green.

The hexadecimal color #00d696 has RGB values of R:0, G:214, B:150 and CMYK values of C:1, M:0, Y:0.3, K:0.16. Its decimal value is 54934.

Hex triplet	00d696	`#00d696`
RGB Decimal	0, 214, 150	`rgb(0,214,150)`
RGB Percent	0, 83.9, 58.8	`rgb(0%,83.9%,58.8%)`
CMYK	100, 0, 30, 16
HSL	162.1°, 100, 42	`hsl(162.1,100%,42%)`
HSV (or HSB)	162.1°, 100, 83.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	76.248, -58.903, 19.48
XYZ	29.549, 50.292, 37.002
xyY	0.253, 0.43, 50.292
CIE-LCH	76.248, 62.04, 161.7
CIE-LUV	76.248, -65.19, 37.101
Hunter-Lab	70.917, -49.728, 18.706
Binary	00000000, 11010110, 10010110

#00d696
```
#00d696 rgb(0,214,150)
```
#d60040
```
#d60040 rgb(214,0,64)
```

Complementary Color

#00d62b
```
#00d62b rgb(0,214,43)
```
#00d696
```
#00d696 rgb(0,214,150)
```
#00abd6
```
#00abd6 rgb(0,171,214)
```

Analogous Color

#d62b00
```
#d62b00 rgb(214,43,0)
```
#00d696
```
#00d696 rgb(0,214,150)
```
#d600ab
```
#d600ab rgb(214,0,171)
```

Split Complementary Color

#d69600
```
#d69600 rgb(214,150,0)
```
#00d696
```
#00d696 rgb(0,214,150)
```
#9600d6
```
#9600d6 rgb(150,0,214)
```

Triadic Color

#40d600
```
#40d600 rgb(64,214,0)
```
#00d696
```
#00d696 rgb(0,214,150)
```
#9600d6
```
#9600d6 rgb(150,0,214)
```
#d60040
```
#d60040 rgb(214,0,64)
```

Tetradic Color

#008a60
```
#008a60 rgb(0,138,96)
```
#00a372
```
#00a372 rgb(0,163,114)
```
#00bd84
```
#00bd84 rgb(0,189,132)
```
#00d696
```
#00d696 rgb(0,214,150)
```
#00f0a8
```
#00f0a8 rgb(0,240,168)
```
#0affb6
```
#0affb6 rgb(10,255,182)
```
#24ffbd
```
#24ffbd rgb(36,255,189)
```

Monochromatic Color

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

#00d661
```
#00d661 rgb(0,214,97)
```
#00d672
```
#00d672 rgb(0,214,114)
```
#00d684
```
#00d684 rgb(0,214,132)
```
#00d696
```
#00d696 rgb(0,214,150)
```
#00d6a8
```
#00d6a8 rgb(0,214,168)
```
#00d6ba
```
#00d6ba rgb(0,214,186)
```
#00d6cc
```
#00d6cc rgb(0,214,204)
```

Similar Colors

Text with hexadecimal color #00d696

This text has a font color of #00d696.

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

#00d696 background color

This paragraph has a background color of #00d696.

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

#00d696 border color

This element has a border color of #00d696.

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

CSS codes

.text {color:#00d696;}

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

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

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, #00120d is the darkest color, while #fdfffe is the lightest one.

#00120d
```
#00120d rgb(0,18,13)
```
#00251a
```
#00251a rgb(0,37,26)
```
#003928
```
#003928 rgb(0,57,40)
```
#004d36
```
#004d36 rgb(0,77,54)
```
#006044
```
#006044 rgb(0,96,68)
```
#007451
```
#007451 rgb(0,116,81)
```
#00885f
```
#00885f rgb(0,136,95)
```
#009b6d
```
#009b6d rgb(0,155,109)
```
#00af7b
```
#00af7b rgb(0,175,123)
```
#00c288
```
#00c288 rgb(0,194,136)
```
#00d696
```
#00d696 rgb(0,214,150)
```
#00eaa4
```
#00eaa4 rgb(0,234,164)
```
#00fdb1
```
#00fdb1 rgb(0,253,177)
```

Shade Color Variation

#12ffb8
```
#12ffb8 rgb(18,255,184)
```
#25ffbe
```
#25ffbe rgb(37,255,190)
```
#39ffc4
```
#39ffc4 rgb(57,255,196)
```
#4dffca
```
#4dffca rgb(77,255,202)
```
#60ffd0
```
#60ffd0 rgb(96,255,208)
```
#74ffd5
```
#74ffd5 rgb(116,255,213)
```
#88ffdb
```
#88ffdb rgb(136,255,219)
```
#9bffe1
```
#9bffe1 rgb(155,255,225)
```
#afffe7
```
#afffe7 rgb(175,255,231)
```
#c2ffed
```
#c2ffed rgb(194,255,237)
```
#d6fff3
```
#d6fff3 rgb(214,255,243)
```
#eafff9
```
#eafff9 rgb(234,255,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#63736e
```
#63736e rgb(99,115,110)
```
#5b7b72
```
#5b7b72 rgb(91,123,114)
```
#528475
```
#528475 rgb(82,132,117)
```
#4a8c78
```
#4a8c78 rgb(74,140,120)
```
#42947c
```
#42947c rgb(66,148,124)
```
#3a9c7f
```
#3a9c7f rgb(58,156,127)
```
#31a582
```
#31a582 rgb(49,165,130)
```
#29ad85
```
#29ad85 rgb(41,173,133)
```
#21b589
```
#21b589 rgb(33,181,137)
```
#19bd8c
```
#19bd8c rgb(25,189,140)
```
#10c68f
```
#10c68f rgb(16,198,143)
```
#08ce93
```
#08ce93 rgb(8,206,147)
```
#00d696
```
#00d696 rgb(0,214,150)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#729d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbf90 Protanopia 1% of men
#dab8a6 Deuteranopia 1% of men
#55cfde Tritanopia 0.001% of the population

Trichromacy

#82c792 Protanomaly 1% of men, 0.01% of women
#8bc3a0 Deuteranomaly 6% of men, 0.4% of women
#36d1c4 Tritanomaly 0.01% of the population

#00d696 hex color

#00d696 Color Information

#00d696 Color Conversion

Color Schemes with #00d696

Alternatives to #00d696

#00d696 Preview

Shades and Tints of #00d696

Tones of #00d696

Color Blindness Simulator