#30dfae hex color

In a RGB color space, hex #30dfae is composed of 18.8% red, 87.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 0% magenta, 22% yellow and 12.5% black. It has a hue angle of 163.2 degrees, a saturation of 73.2% and a lightness of 53.1%. #30dfae color hex could be obtained by blending #60ffff with #00bf5d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 87
- B 68
RGB color chart
- C 78
- M 0
- Y 22
- K 13
CMYK color chart

● #30dfae color description : Bright cyan - lime green.

The hexadecimal color #30dfae has RGB values of R:48, G:223, B:174 and CMYK values of C:0.78, M:0, Y:0.22, K:0.13. Its decimal value is 3202990.

Hex triplet	30dfae	`#30dfae`
RGB Decimal	48, 223, 174	`rgb(48,223,174)`
RGB Percent	18.8, 87.5, 68.2	`rgb(18.8%,87.5%,68.2%)`
CMYK	78, 0, 22, 13
HSL	163.2°, 73.2, 53.1	`hsl(163.2,73.2%,53.1%)`
HSV (or HSB)	163.2°, 78.5, 87.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.873, -54.033, 11.948
XYZ	35.244, 56.456, 49.082
xyY	0.25, 0.401, 56.456
CIE-LCH	79.873, 55.338, 167.531
CIE-LUV	79.873, -63.217, 26.26
Hunter-Lab	75.137, -47.764, 13.866
Binary	00110000, 11011111, 10101110

#30dfae
```
#30dfae rgb(48,223,174)
```
#df3061
```
#df3061 rgb(223,48,97)
```

Complementary Color

#30df57
```
#30df57 rgb(48,223,87)
```
#30dfae
```
#30dfae rgb(48,223,174)
```
#30b9df
```
#30b9df rgb(48,185,223)
```

Analogous Color

#df5730
```
#df5730 rgb(223,87,48)
```
#30dfae
```
#30dfae rgb(48,223,174)
```
#df30b9
```
#df30b9 rgb(223,48,185)
```

Split Complementary Color

#dfae30
```
#dfae30 rgb(223,174,48)
```
#30dfae
```
#30dfae rgb(48,223,174)
```
#ae30df
```
#ae30df rgb(174,48,223)
```

Triadic Color

#61df30
```
#61df30 rgb(97,223,48)
```
#30dfae
```
#30dfae rgb(48,223,174)
```
#ae30df
```
#ae30df rgb(174,48,223)
```
#df3061
```
#df3061 rgb(223,48,97)
```

Tetradic Color

#1aa881
```
#1aa881 rgb(26,168,129)
```
#1dbf91
```
#1dbf91 rgb(29,191,145)
```
#21d5a2
```
#21d5a2 rgb(33,213,162)
```
#30dfae
```
#30dfae rgb(48,223,174)
```
#46e2b7
```
#46e2b7 rgb(70,226,183)
```
#5ce6bf
```
#5ce6bf rgb(92,230,191)
```
#72e9c8
```
#72e9c8 rgb(114,233,200)
```

Monochromatic Color

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

#30df82
```
#30df82 rgb(48,223,130)
```
#30df91
```
#30df91 rgb(48,223,145)
```
#30df9f
```
#30df9f rgb(48,223,159)
```
#30dfae
```
#30dfae rgb(48,223,174)
```
#30dfbd
```
#30dfbd rgb(48,223,189)
```
#30dfcb
```
#30dfcb rgb(48,223,203)
```
#30dfda
```
#30dfda rgb(48,223,218)
```

Similar Colors

Text with hexadecimal color #30dfae

This text has a font color of #30dfae.

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

#30dfae background color

This paragraph has a background color of #30dfae.

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

#30dfae border color

This element has a border color of #30dfae.

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

CSS codes

.text {color:#30dfae;}

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

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

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, #020e0b is the darkest color, while #fcfffe is the lightest one.

#020e0b
```
#020e0b rgb(2,14,11)
```
#051f18
```
#051f18 rgb(5,31,24)
```
#073025
```
#073025 rgb(7,48,37)
```
#0a4131
```
#0a4131 rgb(10,65,49)
```
#0d523e
```
#0d523e rgb(13,82,62)
```
#0f634b
```
#0f634b rgb(15,99,75)
```
#127458
```
#127458 rgb(18,116,88)
```
#158565
```
#158565 rgb(21,133,101)
```
#179672
```
#179672 rgb(23,150,114)
```
#1aa77f
```
#1aa77f rgb(26,167,127)
```
#1cb88c
```
#1cb88c rgb(28,184,140)
```
#1fc999
```
#1fc999 rgb(31,201,153)
```
#22daa6
```
#22daa6 rgb(34,218,166)
```

Shade Color Variation

#30dfae
```
#30dfae rgb(48,223,174)
```
#41e2b5
```
#41e2b5 rgb(65,226,181)
```
#52e4bb
```
#52e4bb rgb(82,228,187)
```
#63e7c2
```
#63e7c2 rgb(99,231,194)
```
#74eac9
```
#74eac9 rgb(116,234,201)
```
#85eccf
```
#85eccf rgb(133,236,207)
```
#96efd6
```
#96efd6 rgb(150,239,214)
```
#a7f1dd
```
#a7f1dd rgb(167,241,221)
```
#b8f4e3
```
#b8f4e3 rgb(184,244,227)
```
#c9f7ea
```
#c9f7ea rgb(201,247,234)
```
#daf9f0
```
#daf9f0 rgb(218,249,240)
```
#ebfcf7
```
#ebfcf7 rgb(235,252,247)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838c8a is the less saturated color, while #14fbba is the most saturated one.

#838c8a
```
#838c8a rgb(131,140,138)
```
#7a958e
```
#7a958e rgb(122,149,142)
```
#709f92
```
#709f92 rgb(112,159,146)
```
#67a896
```
#67a896 rgb(103,168,150)
```
#5eb19a
```
#5eb19a rgb(94,177,154)
```
#55ba9e
```
#55ba9e rgb(85,186,158)
```
#4cc3a2
```
#4cc3a2 rgb(76,195,162)
```
#42cda6
```
#42cda6 rgb(66,205,166)
```
#39d6aa
```
#39d6aa rgb(57,214,170)
```
#30dfae
```
#30dfae rgb(48,223,174)
```
#27e8b2
```
#27e8b2 rgb(39,232,178)
```
#1ef1b6
```
#1ef1b6 rgb(30,241,182)
```
#14fbba
```
#14fbba rgb(20,251,186)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eb1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c8a7 Protanopia 1% of men
#e0c2bc Deuteranopia 1% of men
#60d9e8 Tritanopia 0.001% of the population

Trichromacy

#98d0a9 Protanomaly 1% of men, 0.01% of women
#a0ccb7 Deuteranomaly 6% of men, 0.4% of women
#4edbd3 Tritanomaly 0.01% of the population

#30dfae hex color

#30dfae Color Information

#30dfae Color Conversion

Color Schemes with #30dfae

Alternatives to #30dfae

#30dfae Preview

Shades and Tints of #30dfae

Tones of #30dfae

Color Blindness Simulator