#30dfb2 hex color

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

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

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

The hexadecimal color #30dfb2 has RGB values of R:48, G:223, B:178 and CMYK values of C:0.78, M:0, Y:0.2, K:0.13. Its decimal value is 3202994.

Hex triplet	30dfb2	`#30dfb2`
RGB Decimal	48, 223, 178	`rgb(48,223,178)`
RGB Percent	18.8, 87.5, 69.8	`rgb(18.8%,87.5%,69.8%)`
CMYK	78, 0, 20, 13
HSL	164.6°, 73.2, 53.1	`hsl(164.6,73.2%,53.1%)`
HSV (or HSB)	164.6°, 78.5, 87.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.962, -53.079, 9.961
XYZ	35.639, 56.615, 51.166
xyY	0.248, 0.395, 56.615
CIE-LCH	79.962, 54.006, 169.371
CIE-LUV	79.962, -62.94, 23.256
Hunter-Lab	75.243, -47.126, 12.352
Binary	00110000, 11011111, 10110010

#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#df305d
```
#df305d rgb(223,48,93)
```

Complementary Color

#30df5b
```
#30df5b rgb(48,223,91)
```
#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#30b5df
```
#30b5df rgb(48,181,223)
```

Analogous Color

#df5b30
```
#df5b30 rgb(223,91,48)
```
#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#df30b5
```
#df30b5 rgb(223,48,181)
```

Split Complementary Color

#dfb230
```
#dfb230 rgb(223,178,48)
```
#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#b230df
```
#b230df rgb(178,48,223)
```

Triadic Color

#5ddf30
```
#5ddf30 rgb(93,223,48)
```
#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#b230df
```
#b230df rgb(178,48,223)
```
#df305d
```
#df305d rgb(223,48,93)
```

Tetradic Color

#1aa884
```
#1aa884 rgb(26,168,132)
```
#1dbf95
```
#1dbf95 rgb(29,191,149)
```
#21d5a6
```
#21d5a6 rgb(33,213,166)
```
#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#46e2ba
```
#46e2ba rgb(70,226,186)
```
#5ce6c2
```
#5ce6c2 rgb(92,230,194)
```
#72e9cb
```
#72e9cb rgb(114,233,203)
```

Monochromatic Color

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

#30df86
```
#30df86 rgb(48,223,134)
```
#30df95
```
#30df95 rgb(48,223,149)
```
#30dfa3
```
#30dfa3 rgb(48,223,163)
```
#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#30dfc1
```
#30dfc1 rgb(48,223,193)
```
#30dfcf
```
#30dfcf rgb(48,223,207)
```
#30dfde
```
#30dfde rgb(48,223,222)
```

Similar Colors

Text with hexadecimal color #30dfb2

This text has a font color of #30dfb2.

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

#30dfb2 background color

This paragraph has a background color of #30dfb2.

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

#30dfb2 border color

This element has a border color of #30dfb2.

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

CSS codes

.text {color:#30dfb2;}

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

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

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)
```
#0a4133
```
#0a4133 rgb(10,65,51)
```
#0d5240
```
#0d5240 rgb(13,82,64)
```
#0f634d
```
#0f634d rgb(15,99,77)
```
#12745b
```
#12745b rgb(18,116,91)
```
#158568
```
#158568 rgb(21,133,104)
```
#179675
```
#179675 rgb(23,150,117)
```
#1aa783
```
#1aa783 rgb(26,167,131)
```
#1cb890
```
#1cb890 rgb(28,184,144)
```
#1fc99d
```
#1fc99d rgb(31,201,157)
```
#22daaa
```
#22daaa rgb(34,218,170)
```

Shade Color Variation

#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#41e2b8
```
#41e2b8 rgb(65,226,184)
```
#52e4bf
```
#52e4bf rgb(82,228,191)
```
#63e7c5
```
#63e7c5 rgb(99,231,197)
```
#74eacb
```
#74eacb rgb(116,234,203)
```
#85ecd2
```
#85ecd2 rgb(133,236,210)
```
#96efd8
```
#96efd8 rgb(150,239,216)
```
#a7f1de
```
#a7f1de rgb(167,241,222)
```
#b8f4e5
```
#b8f4e5 rgb(184,244,229)
```
#c9f7eb
```
#c9f7eb rgb(201,247,235)
```
#daf9f1
```
#daf9f1 rgb(218,249,241)
```
#ebfcf8
```
#ebfcf8 rgb(235,252,248)
```
#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 #14fbbf is the most saturated one.

#838c8a
```
#838c8a rgb(131,140,138)
```
#7a958e
```
#7a958e rgb(122,149,142)
```
#709f93
```
#709f93 rgb(112,159,147)
```
#67a897
```
#67a897 rgb(103,168,151)
```
#5eb19c
```
#5eb19c rgb(94,177,156)
```
#55baa0
```
#55baa0 rgb(85,186,160)
```
#4cc3a5
```
#4cc3a5 rgb(76,195,165)
```
#42cda9
```
#42cda9 rgb(66,205,169)
```
#39d6ae
```
#39d6ae rgb(57,214,174)
```
#30dfb2
```
#30dfb2 rgb(48,223,178)
```
#27e8b6
```
#27e8b6 rgb(39,232,182)
```
#1ef1bb
```
#1ef1bb rgb(30,241,187)
```
#14fbbf
```
#14fbbf rgb(20,251,191)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8eb1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c8aa Protanopia 1% of men
#dfc2c0 Deuteranopia 1% of men
#5ed9e9 Tritanopia 0.001% of the population

Trichromacy

#98d0ad Protanomaly 1% of men, 0.01% of women
#9fcdbb Deuteranomaly 6% of men, 0.4% of women
#4ddbd5 Tritanomaly 0.01% of the population

#30dfb2 hex color

#30dfb2 Color Information

#30dfb2 Color Conversion

Color Schemes with #30dfb2

Alternatives to #30dfb2

#30dfb2 Preview

Shades and Tints of #30dfb2

Tones of #30dfb2

Color Blindness Simulator