colorhexa.com

#30dfac hex color

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

- R 19
- G 87
- B 67
RGB color chart
- C 78
- M 0
- Y 23
- K 13
CMYK color chart

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

The hexadecimal color #30dfac has RGB values of R:48, G:223, B:172 and CMYK values of C:0.78, M:0, Y:0.23, K:0.13. Its decimal value is 3202988.

Hex triplet	30dfac	`#30dfac`
RGB Decimal	48, 223, 172	`rgb(48,223,172)`
RGB Percent	18.8, 87.5, 67.5	`rgb(18.8%,87.5%,67.5%)`
CMYK	78, 0, 23, 13
HSL	162.5°, 73.2, 53.1	`hsl(162.5,73.2%,53.1%)`
HSV (or HSB)	162.5°, 78.5, 87.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.829, -54.503, 12.941
XYZ	35.05, 56.379, 48.062
xyY	0.251, 0.404, 56.379
CIE-LCH	79.829, 56.018, 166.643
CIE-LUV	79.829, -63.354, 27.746
Hunter-Lab	75.086, -48.076, 14.609
Binary	00110000, 11011111, 10101100

#30dfac
```
#30dfac rgb(48,223,172)
```
#df3063
```
#df3063 rgb(223,48,99)
```

Complementary Color

#30df55
```
#30df55 rgb(48,223,85)
```
#30dfac
```
#30dfac rgb(48,223,172)
```
#30bbdf
```
#30bbdf rgb(48,187,223)
```

Analogous Color

#df5530
```
#df5530 rgb(223,85,48)
```
#30dfac
```
#30dfac rgb(48,223,172)
```
#df30bb
```
#df30bb rgb(223,48,187)
```

Split Complementary Color

#dfac30
```
#dfac30 rgb(223,172,48)
```
#30dfac
```
#30dfac rgb(48,223,172)
```
#ac30df
```
#ac30df rgb(172,48,223)
```

Triadic Color

#63df30
```
#63df30 rgb(99,223,48)
```
#30dfac
```
#30dfac rgb(48,223,172)
```
#ac30df
```
#ac30df rgb(172,48,223)
```
#df3063
```
#df3063 rgb(223,48,99)
```

Tetradic Color

#1aa87f
```
#1aa87f rgb(26,168,127)
```
#1dbf90
```
#1dbf90 rgb(29,191,144)
```
#21d5a0
```
#21d5a0 rgb(33,213,160)
```
#30dfac
```
#30dfac rgb(48,223,172)
```
#46e2b5
```
#46e2b5 rgb(70,226,181)
```
#5ce6be
```
#5ce6be rgb(92,230,190)
```
#72e9c7
```
#72e9c7 rgb(114,233,199)
```

Monochromatic Color

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

#30df80
```
#30df80 rgb(48,223,128)
```
#30df8f
```
#30df8f rgb(48,223,143)
```
#30df9d
```
#30df9d rgb(48,223,157)
```
#30dfac
```
#30dfac rgb(48,223,172)
```
#30dfbb
```
#30dfbb rgb(48,223,187)
```
#30dfc9
```
#30dfc9 rgb(48,223,201)
```
#30dfd8
```
#30dfd8 rgb(48,223,216)
```

Similar Colors

Text with hexadecimal color #30dfac

This text has a font color of #30dfac.

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

#30dfac background color

This paragraph has a background color of #30dfac.

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

#30dfac border color

This element has a border color of #30dfac.

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

CSS codes

.text {color:#30dfac;}

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

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

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

#020e0a
```
#020e0a rgb(2,14,10)
```
#051f17
```
#051f17 rgb(5,31,23)
```
#073024
```
#073024 rgb(7,48,36)
```
#0a4131
```
#0a4131 rgb(10,65,49)
```
#0d523e
```
#0d523e rgb(13,82,62)
```
#0f634a
```
#0f634a rgb(15,99,74)
```
#127457
```
#127457 rgb(18,116,87)
```
#158564
```
#158564 rgb(21,133,100)
```
#179671
```
#179671 rgb(23,150,113)
```
#1aa77e
```
#1aa77e rgb(26,167,126)
```
#1cb88a
```
#1cb88a rgb(28,184,138)
```
#1fc997
```
#1fc997 rgb(31,201,151)
```
#22daa4
```
#22daa4 rgb(34,218,164)
```

Shade Color Variation

#30dfac
```
#30dfac rgb(48,223,172)
```
#41e2b3
```
#41e2b3 rgb(65,226,179)
```
#52e4ba
```
#52e4ba rgb(82,228,186)
```
#63e7c0
```
#63e7c0 rgb(99,231,192)
```
#74eac7
```
#74eac7 rgb(116,234,199)
```
#85ecce
```
#85ecce rgb(133,236,206)
```
#96efd5
```
#96efd5 rgb(150,239,213)
```
#a7f1dc
```
#a7f1dc rgb(167,241,220)
```
#b8f4e2
```
#b8f4e2 rgb(184,244,226)
```
#c9f7e9
```
#c9f7e9 rgb(201,247,233)
```
#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, #838c89 is the less saturated color, while #14fbb8 is the most saturated one.

#838c89
```
#838c89 rgb(131,140,137)
```
#7a958d
```
#7a958d rgb(122,149,141)
```
#709f91
```
#709f91 rgb(112,159,145)
```
#67a895
```
#67a895 rgb(103,168,149)
```
#5eb199
```
#5eb199 rgb(94,177,153)
```
#55ba9d
```
#55ba9d rgb(85,186,157)
```
#4cc3a0
```
#4cc3a0 rgb(76,195,160)
```
#42cda4
```
#42cda4 rgb(66,205,164)
```
#39d6a8
```
#39d6a8 rgb(57,214,168)
```
#30dfac
```
#30dfac rgb(48,223,172)
```
#27e8b0
```
#27e8b0 rgb(39,232,176)
```
#1ef1b4
```
#1ef1b4 rgb(30,241,180)
```
#14fbb8
```
#14fbb8 rgb(20,251,184)
```

Tone Color Variation

Below, you can see how #30dfac 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
#8eb1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c8a5 Protanopia 1% of men
#e0c2ba Deuteranopia 1% of men
#60d8e8 Tritanopia 0.001% of the population

Trichromacy

#98d0a7 Protanomaly 1% of men, 0.01% of women
#a0ccb5 Deuteranomaly 6% of men, 0.4% of women
#4fdbd2 Tritanomaly 0.01% of the population