#30cf9f hex color

In a RGB color space, hex #30cf9f is composed of 18.8% red, 81.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 23.2% yellow and 18.8% black. It has a hue angle of 161.9 degrees, a saturation of 62.4% and a lightness of 50%. #30cf9f color hex could be obtained by blending #60ffff with #009f3f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 81
- B 62
RGB color chart
- C 77
- M 0
- Y 23
- K 19
CMYK color chart

● #30cf9f color description : Strong cyan - lime green.

The hexadecimal color #30cf9f has RGB values of R:48, G:207, B:159 and CMYK values of C:0.77, M:0, Y:0.23, K:0.19. Its decimal value is 3198879.

Hex triplet	30cf9f	`#30cf9f`
RGB Decimal	48, 207, 159	`rgb(48,207,159)`
RGB Percent	18.8, 81.2, 62.4	`rgb(18.8%,81.2%,62.4%)`
CMYK	77, 0, 23, 19
HSL	161.9°, 62.4, 50	`hsl(161.9,62.4%,50%)`
HSV (or HSB)	161.9°, 76.8, 81.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.67, -51.192, 12.556
XYZ	29.787, 47.754, 40.447
xyY	0.252, 0.405, 47.754
CIE-LCH	74.67, 52.709, 166.219
CIE-LUV	74.67, -58.711, 26.336
Hunter-Lab	69.104, -43.991, 13.671
Binary	00110000, 11001111, 10011111

#30cf9f
```
#30cf9f rgb(48,207,159)
```
#cf3060
```
#cf3060 rgb(207,48,96)
```

Complementary Color

#30cf50
```
#30cf50 rgb(48,207,80)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```
#30b0cf
```
#30b0cf rgb(48,176,207)
```

Analogous Color

#cf5030
```
#cf5030 rgb(207,80,48)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```
#cf30b0
```
#cf30b0 rgb(207,48,176)
```

Split Complementary Color

#cf9f30
```
#cf9f30 rgb(207,159,48)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```
#9f30cf
```
#9f30cf rgb(159,48,207)
```

Triadic Color

#60cf30
```
#60cf30 rgb(96,207,48)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```
#9f30cf
```
#9f30cf rgb(159,48,207)
```
#cf3060
```
#cf3060 rgb(207,48,96)
```

Tetradic Color

#22916f
```
#22916f rgb(34,145,111)
```
#26a67f
```
#26a67f rgb(38,166,127)
```
#2bba8f
```
#2bba8f rgb(43,186,143)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```
#45d4a9
```
#45d4a9 rgb(69,212,169)
```
#59d9b2
```
#59d9b2 rgb(89,217,178)
```
#6eddbc
```
#6eddbc rgb(110,221,188)
```

Monochromatic Color

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

#30cf77
```
#30cf77 rgb(48,207,119)
```
#30cf85
```
#30cf85 rgb(48,207,133)
```
#30cf92
```
#30cf92 rgb(48,207,146)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```
#30cfac
```
#30cfac rgb(48,207,172)
```
#30cfba
```
#30cfba rgb(48,207,186)
```
#30cfc7
```
#30cfc7 rgb(48,207,199)
```

Similar Colors

Text with hexadecimal color #30cf9f

This text has a font color of #30cf9f.

<span style="color:#30cf9f;">Text here</span>

#30cf9f background color

This paragraph has a background color of #30cf9f.

<p style="background-color:#30cf9f;">Content here</p>

#30cf9f border color

This element has a border color of #30cf9f.

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

CSS codes

.text {color:#30cf9f;}

.background {background-color:#30cf9f;}

.border {border:1px solid #30cf9f;}

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

#04100c
```
#04100c rgb(4,16,12)
```
#072018
```
#072018 rgb(7,32,24)
```
#0b3025
```
#0b3025 rgb(11,48,37)
```
#0f4031
```
#0f4031 rgb(15,64,49)
```
#12503d
```
#12503d rgb(18,80,61)
```
#166049
```
#166049 rgb(22,96,73)
```
#1a6f56
```
#1a6f56 rgb(26,111,86)
```
#1e7f62
```
#1e7f62 rgb(30,127,98)
```
#218f6e
```
#218f6e rgb(33,143,110)
```
#259f7a
```
#259f7a rgb(37,159,122)
```
#29af87
```
#29af87 rgb(41,175,135)
```
#2cbf93
```
#2cbf93 rgb(44,191,147)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```

Shade Color Variation

#40d3a6
```
#40d3a6 rgb(64,211,166)
```
#50d6ae
```
#50d6ae rgb(80,214,174)
```
#60dab5
```
#60dab5 rgb(96,218,181)
```
#70debd
```
#70debd rgb(112,222,189)
```
#80e1c4
```
#80e1c4 rgb(128,225,196)
```
#90e5cb
```
#90e5cb rgb(144,229,203)
```
#9fe9d3
```
#9fe9d3 rgb(159,233,211)
```
#afedda
```
#afedda rgb(175,237,218)
```
#bff0e1
```
#bff0e1 rgb(191,240,225)
```
#cff4e9
```
#cff4e9 rgb(207,244,233)
```
#dff8f0
```
#dff8f0 rgb(223,248,240)
```
#effbf8
```
#effbf8 rgb(239,251,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e8180
```
#7e8180 rgb(126,129,128)
```
#758a84
```
#758a84 rgb(117,138,132)
```
#6b9488
```
#6b9488 rgb(107,148,136)
```
#619e8c
```
#619e8c rgb(97,158,140)
```
#57a88f
```
#57a88f rgb(87,168,143)
```
#4db293
```
#4db293 rgb(77,178,147)
```
#44bb97
```
#44bb97 rgb(68,187,151)
```
#3ac59b
```
#3ac59b rgb(58,197,155)
```
#30cf9f
```
#30cf9f rgb(48,207,159)
```
#26d9a3
```
#26d9a3 rgb(38,217,163)
```
#1ce3a7
```
#1ce3a7 rgb(28,227,167)
```
#13ecab
```
#13ecab rgb(19,236,171)
```
#09f6af
```
#09f6af rgb(9,246,175)
```

Tone Color Variation

Below, you can see how #30cf9f 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
#85a59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6bb99 Protanopia 1% of men
#d1b5ad Deuteranopia 1% of men
#5ccad8 Tritanopia 0.001% of the population

Trichromacy

#8fc29b Protanomaly 1% of men, 0.01% of women
#97bea8 Deuteranomaly 6% of men, 0.4% of women
#4ccbc3 Tritanomaly 0.01% of the population

#30cf9f hex color

#30cf9f Color Information

#30cf9f Color Conversion

Color Schemes with #30cf9f

Alternatives to #30cf9f

#30cf9f Preview

Shades and Tints of #30cf9f

Tones of #30cf9f

Color Blindness Simulator