#30c09f hex color

In a RGB color space, hex #30c09f is composed of 18.8% red, 75.3% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 0% magenta, 17.2% yellow and 24.7% black. It has a hue angle of 166.3 degrees, a saturation of 60% and a lightness of 47.1%. #30c09f color hex could be obtained by blending #60ffff with #00813f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 75
- B 62
RGB color chart
- C 75
- M 0
- Y 17
- K 25
CMYK color chart

● #30c09f color description : Strong cyan.

The hexadecimal color #30c09f has RGB values of R:48, G:192, B:159 and CMYK values of C:0.75, M:0, Y:0.17, K:0.25. Its decimal value is 3195039.

Hex triplet	30c09f	`#30c09f`
RGB Decimal	48, 192, 159	`rgb(48,192,159)`
RGB Percent	18.8, 75.3, 62.4	`rgb(18.8%,75.3%,62.4%)`
CMYK	75, 0, 17, 25
HSL	166.3°, 60, 47.1	`hsl(166.3,60%,47.1%)`
HSV (or HSB)	166.3°, 75, 75.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	70.055, -45.01, 5.982
XYZ	26.324, 40.828, 39.292
xyY	0.247, 0.384, 40.828
CIE-LCH	70.055, 45.406, 172.43
CIE-LUV	70.055, -53.435, 15.767
Hunter-Lab	63.897, -38.281, 8.269
Binary	00110000, 11000000, 10011111

#30c09f
```
#30c09f rgb(48,192,159)
```
#c03051
```
#c03051 rgb(192,48,81)
```

Complementary Color

#30c057
```
#30c057 rgb(48,192,87)
```
#30c09f
```
#30c09f rgb(48,192,159)
```
#3099c0
```
#3099c0 rgb(48,153,192)
```

Analogous Color

#c05730
```
#c05730 rgb(192,87,48)
```
#30c09f
```
#30c09f rgb(48,192,159)
```
#c03099
```
#c03099 rgb(192,48,153)
```

Split Complementary Color

#c09f30
```
#c09f30 rgb(192,159,48)
```
#30c09f
```
#30c09f rgb(48,192,159)
```
#9f30c0
```
#9f30c0 rgb(159,48,192)
```

Triadic Color

#51c030
```
#51c030 rgb(81,192,48)
```
#30c09f
```
#30c09f rgb(48,192,159)
```
#9f30c0
```
#9f30c0 rgb(159,48,192)
```
#c03051
```
#c03051 rgb(192,48,81)
```

Tetradic Color

#21836c
```
#21836c rgb(33,131,108)
```
#26977d
```
#26977d rgb(38,151,125)
```
#2bac8e
```
#2bac8e rgb(43,172,142)
```
#30c09f
```
#30c09f rgb(48,192,159)
```
#3bceac
```
#3bceac rgb(59,206,172)
```
#50d3b5
```
#50d3b5 rgb(80,211,181)
```
#64d8be
```
#64d8be rgb(100,216,190)
```

Monochromatic Color

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

#30c07b
```
#30c07b rgb(48,192,123)
```
#30c087
```
#30c087 rgb(48,192,135)
```
#30c093
```
#30c093 rgb(48,192,147)
```
#30c09f
```
#30c09f rgb(48,192,159)
```
#30c0ab
```
#30c0ab rgb(48,192,171)
```
#30c0b7
```
#30c0b7 rgb(48,192,183)
```
#30bdc0
```
#30bdc0 rgb(48,189,192)
```

Similar Colors

Text with hexadecimal color #30c09f

This text has a font color of #30c09f.

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

#30c09f background color

This paragraph has a background color of #30c09f.

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

#30c09f border color

This element has a border color of #30c09f.

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

CSS codes

.text {color:#30c09f;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051310
```
#051310 rgb(5,19,16)
```
#09231d
```
#09231d rgb(9,35,29)
```
#0d332a
```
#0d332a rgb(13,51,42)
```
#114237
```
#114237 rgb(17,66,55)
```
#155244
```
#155244 rgb(21,82,68)
```
#186251
```
#186251 rgb(24,98,81)
```
#1c725e
```
#1c725e rgb(28,114,94)
```
#20816b
```
#20816b rgb(32,129,107)
```
#249178
```
#249178 rgb(36,145,120)
```
#28a185
```
#28a185 rgb(40,161,133)
```
#2cb092
```
#2cb092 rgb(44,176,146)
```
#30c09f
```
#30c09f rgb(48,192,159)
```

Shade Color Variation

#37cdaa
```
#37cdaa rgb(55,205,170)
```
#46d1b1
```
#46d1b1 rgb(70,209,177)
```
#56d5b8
```
#56d5b8 rgb(86,213,184)
```
#66d9be
```
#66d9be rgb(102,217,190)
```
#75ddc5
```
#75ddc5 rgb(117,221,197)
```
#85e1cc
```
#85e1cc rgb(133,225,204)
```
#95e4d2
```
#95e4d2 rgb(149,228,210)
```
#a5e8d9
```
#a5e8d9 rgb(165,232,217)
```
#b4ecdf
```
#b4ecdf rgb(180,236,223)
```
#c4f0e6
```
#c4f0e6 rgb(196,240,230)
```
#d4f4ed
```
#d4f4ed rgb(212,244,237)
```
#e3f8f3
```
#e3f8f3 rgb(227,248,243)
```
#f3fcfa
```
#f3fcfa rgb(243,252,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717f7c is the less saturated color, while #02eeb8 is the most saturated one.

#717f7c
```
#717f7c rgb(113,127,124)
```
#678981
```
#678981 rgb(103,137,129)
```
#5e9286
```
#5e9286 rgb(94,146,134)
```
#559b8b
```
#559b8b rgb(85,155,139)
```
#4ca490
```
#4ca490 rgb(76,164,144)
```
#42ae95
```
#42ae95 rgb(66,174,149)
```
#39b79a
```
#39b79a rgb(57,183,154)
```
#30c09f
```
#30c09f rgb(48,192,159)
```
#27c9a4
```
#27c9a4 rgb(39,201,164)
```
#1ed2a9
```
#1ed2a9 rgb(30,210,169)
```
#14dcae
```
#14dcae rgb(20,220,174)
```
#0be5b3
```
#0be5b3 rgb(11,229,179)
```
#02eeb8
```
#02eeb8 rgb(2,238,184)
```

Tone Color Variation

Below, you can see how #30c09f 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

#919191 Achromatopsia 0.005% of the population
#7e9a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7af9a Protanopia 1% of men
#c0aaac Deuteranopia 1% of men
#54bdcb Tritanopia 0.001% of the population

Trichromacy

#86b59b Protanomaly 1% of men, 0.01% of women
#8cb2a7 Deuteranomaly 6% of men, 0.4% of women
#47bebb Tritanomaly 0.01% of the population

#30c09f hex color

#30c09f Color Information

#30c09f Color Conversion

Color Schemes with #30c09f

Alternatives to #30c09f

#30c09f Preview

Shades and Tints of #30c09f

Tones of #30c09f

Color Blindness Simulator