#38cc96 hex color

In a RGB color space, hex #38cc96 is composed of 22% red, 80% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 0% magenta, 26.5% yellow and 20% black. It has a hue angle of 158.1 degrees, a saturation of 59.2% and a lightness of 51%. #38cc96 color hex could be obtained by blending #70ffff with #00992d. Closest websafe color is: #33cc99.

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

● #38cc96 color description : Moderate cyan - lime green.

The hexadecimal color #38cc96 has RGB values of R:56, G:204, B:150 and CMYK values of C:0.73, M:0, Y:0.26, K:0.2. Its decimal value is 3722390.

Hex triplet	38cc96	`#38cc96`
RGB Decimal	56, 204, 150	`rgb(56,204,150)`
RGB Percent	22, 80, 58.8	`rgb(22%,80%,58.8%)`
CMYK	73, 0, 26, 20
HSL	158.1°, 59.2, 51	`hsl(158.1,59.2%,51%)`
HSV (or HSB)	158.1°, 72.5, 80
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.692, -51.057, 16.011
XYZ	28.727, 46.226, 36.261
xyY	0.258, 0.416, 46.226
CIE-LCH	73.692, 53.509, 162.589
CIE-LUV	73.692, -57.047, 31.007
Hunter-Lab	67.99, -43.563, 15.971
Binary	00111000, 11001100, 10010110

#38cc96
```
#38cc96 rgb(56,204,150)
```
#cc386e
```
#cc386e rgb(204,56,110)
```

Complementary Color

#38cc4c
```
#38cc4c rgb(56,204,76)
```
#38cc96
```
#38cc96 rgb(56,204,150)
```
#38b8cc
```
#38b8cc rgb(56,184,204)
```

Analogous Color

#cc4c38
```
#cc4c38 rgb(204,76,56)
```
#38cc96
```
#38cc96 rgb(56,204,150)
```
#cc38b8
```
#cc38b8 rgb(204,56,184)
```

Split Complementary Color

#cc9638
```
#cc9638 rgb(204,150,56)
```
#38cc96
```
#38cc96 rgb(56,204,150)
```
#9638cc
```
#9638cc rgb(150,56,204)
```

Triadic Color

#6ecc38
```
#6ecc38 rgb(110,204,56)
```
#38cc96
```
#38cc96 rgb(56,204,150)
```
#9638cc
```
#9638cc rgb(150,56,204)
```
#cc386e
```
#cc386e rgb(204,56,110)
```

Tetradic Color

#25926a
```
#25926a rgb(37,146,106)
```
#2ba679
```
#2ba679 rgb(43,166,121)
```
#30bb88
```
#30bb88 rgb(48,187,136)
```
#38cc96
```
#38cc96 rgb(56,204,150)
```
#4cd1a1
```
#4cd1a1 rgb(76,209,161)
```
#61d6ab
```
#61d6ab rgb(97,214,171)
```
#75dcb6
```
#75dcb6 rgb(117,220,182)
```

Monochromatic Color

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

#38cc71
```
#38cc71 rgb(56,204,113)
```
#38cc7d
```
#38cc7d rgb(56,204,125)
```
#38cc8a
```
#38cc8a rgb(56,204,138)
```
#38cc96
```
#38cc96 rgb(56,204,150)
```
#38cca2
```
#38cca2 rgb(56,204,162)
```
#38ccaf
```
#38ccaf rgb(56,204,175)
```
#38ccbb
```
#38ccbb rgb(56,204,187)
```

Similar Colors

Text with hexadecimal color #38cc96

This text has a font color of #38cc96.

<span style="color:#38cc96;">Text here</span>

#38cc96 background color

This paragraph has a background color of #38cc96.

<p style="background-color:#38cc96;">Content here</p>

#38cc96 border color

This element has a border color of #38cc96.

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

CSS codes

.text {color:#38cc96;}

.background {background-color:#38cc96;}

.border {border:1px solid #38cc96;}

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

#010403
```
#010403 rgb(1,4,3)
```
#05140e
```
#05140e rgb(5,20,14)
```
#09231a
```
#09231a rgb(9,35,26)
```
#0d3325
```
#0d3325 rgb(13,51,37)
```
#114230
```
#114230 rgb(17,66,48)
```
#15523c
```
#15523c rgb(21,82,60)
```
#196247
```
#196247 rgb(25,98,71)
```
#1d7153
```
#1d7153 rgb(29,113,83)
```
#21815e
```
#21815e rgb(33,129,94)
```
#259169
```
#259169 rgb(37,145,105)
```
#29a075
```
#29a075 rgb(41,160,117)
```
#2db080
```
#2db080 rgb(45,176,128)
```
#31bf8b
```
#31bf8b rgb(49,191,139)
```

Shade Color Variation

#38cc96
```
#38cc96 rgb(56,204,150)
```
#48d09e
```
#48d09e rgb(72,208,158)
```
#57d4a6
```
#57d4a6 rgb(87,212,166)
```
#67d8af
```
#67d8af rgb(103,216,175)
```
#76dcb7
```
#76dcb7 rgb(118,220,183)
```
#86e0bf
```
#86e0bf rgb(134,224,191)
```
#96e4c7
```
#96e4c7 rgb(150,228,199)
```
#a5e8d0
```
#a5e8d0 rgb(165,232,208)
```
#b5ecd8
```
#b5ecd8 rgb(181,236,216)
```
#c5f0e0
```
#c5f0e0 rgb(197,240,224)
```
#d4f4e8
```
#d4f4e8 rgb(212,244,232)
```
#e4f8f1
```
#e4f8f1 rgb(228,248,241)
```
#f3fcf9
```
#f3fcf9 rgb(243,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8984 is the less saturated color, while #08fca3 is the most saturated one.

#7b8984
```
#7b8984 rgb(123,137,132)
```
#729286
```
#729286 rgb(114,146,134)
```
#689c89
```
#689c89 rgb(104,156,137)
```
#5ea68c
```
#5ea68c rgb(94,166,140)
```
#55af8e
```
#55af8e rgb(85,175,142)
```
#4bb991
```
#4bb991 rgb(75,185,145)
```
#42c293
```
#42c293 rgb(66,194,147)
```
#38cc96
```
#38cc96 rgb(56,204,150)
```
#2ed699
```
#2ed699 rgb(46,214,153)
```
#25df9b
```
#25df9b rgb(37,223,155)
```
#1be99e
```
#1be99e rgb(27,233,158)
```
#12f2a0
```
#12f2a0 rgb(18,242,160)
```
#08fca3
```
#08fca3 rgb(8,252,163)
```

Tone Color Variation

Below, you can see how #38cc96 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

#9a9a9a Achromatopsia 0.005% of the population
#86a499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b891 Protanopia 1% of men
#d1b2a5 Deuteranopia 1% of men
#61c6d5 Tritanopia 0.001% of the population

Trichromacy

#91bf93 Protanomaly 1% of men, 0.01% of women
#99bb9f Deuteranomaly 6% of men, 0.4% of women
#52c8be Tritanomaly 0.01% of the population

#38cc96 hex color

#38cc96 Color Information

#38cc96 Color Conversion

Color Schemes with #38cc96

Alternatives to #38cc96

#38cc96 Preview

Shades and Tints of #38cc96

Tones of #38cc96

Color Blindness Simulator