#30f1af hex color

In a RGB color space, hex #30f1af is composed of 18.8% red, 94.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 0% magenta, 27.4% yellow and 5.5% black. It has a hue angle of 159.5 degrees, a saturation of 87.3% and a lightness of 56.7%. #30f1af color hex could be obtained by blending #60ffff with #00e35f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 95
- B 69
RGB color chart
- C 80
- M 0
- Y 27
- K 5
CMYK color chart

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

The hexadecimal color #30f1af has RGB values of R:48, G:241, B:175 and CMYK values of C:0.8, M:0, Y:0.27, K:0.05. Its decimal value is 3207599.

Hex triplet	30f1af	`#30f1af`
RGB Decimal	48, 241, 175	`rgb(48,241,175)`
RGB Percent	18.8, 94.5, 68.6	`rgb(18.8%,94.5%,68.6%)`
CMYK	80, 0, 27, 5
HSL	159.5°, 87.3, 56.7	`hsl(159.5,87.3%,56.7%)`
HSV (or HSB)	159.5°, 80.1, 94.5
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.317, -60.744, 19.072
XYZ	40.409, 66.63, 51.286
xyY	0.255, 0.421, 66.63
CIE-LCH	85.317, 63.667, 162.569
CIE-LUV	85.317, -69.248, 37.731
Hunter-Lab	81.627, -54.483, 19.887
Binary	00110000, 11110001, 10101111

#30f1af
```
#30f1af rgb(48,241,175)
```
#f13072
```
#f13072 rgb(241,48,114)
```

Complementary Color

#30f14f
```
#30f14f rgb(48,241,79)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#30d3f1
```
#30d3f1 rgb(48,211,241)
```

Analogous Color

#f14f30
```
#f14f30 rgb(241,79,48)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#f130d3
```
#f130d3 rgb(241,48,211)
```

Split Complementary Color

#f1af30
```
#f1af30 rgb(241,175,48)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#af30f1
```
#af30f1 rgb(175,48,241)
```

Triadic Color

#72f130
```
#72f130 rgb(114,241,48)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#af30f1
```
#af30f1 rgb(175,48,241)
```
#f13072
```
#f13072 rgb(241,48,114)
```

Tetradic Color

#0dc788
```
#0dc788 rgb(13,199,136)
```
#0fdf98
```
#0fdf98 rgb(15,223,152)
```
#18efa6
```
#18efa6 rgb(24,239,166)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#48f3b8
```
#48f3b8 rgb(72,243,184)
```
#60f4c1
```
#60f4c1 rgb(96,244,193)
```
#78f6cb
```
#78f6cb rgb(120,246,203)
```

Monochromatic Color

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

#30f17f
```
#30f17f rgb(48,241,127)
```
#30f18f
```
#30f18f rgb(48,241,143)
```
#30f19f
```
#30f19f rgb(48,241,159)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#30f1bf
```
#30f1bf rgb(48,241,191)
```
#30f1cf
```
#30f1cf rgb(48,241,207)
```
#30f1df
```
#30f1df rgb(48,241,223)
```

Similar Colors

Text with hexadecimal color #30f1af

This text has a font color of #30f1af.

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

#30f1af background color

This paragraph has a background color of #30f1af.

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

#30f1af border color

This element has a border color of #30f1af.

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

CSS codes

.text {color:#30f1af;}

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

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

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, #010d09 is the darkest color, while #fafffd is the lightest one.

#010d09
```
#010d09 rgb(1,13,9)
```
#022016
```
#022016 rgb(2,32,22)
```
#033222
```
#033222 rgb(3,50,34)
```
#05452f
```
#05452f rgb(5,69,47)
```
#06573b
```
#06573b rgb(6,87,59)
```
#076948
```
#076948 rgb(7,105,72)
```
#087c54
```
#087c54 rgb(8,124,84)
```
#0a8e61
```
#0a8e61 rgb(10,142,97)
```
#0ba06d
```
#0ba06d rgb(11,160,109)
```
#0cb37a
```
#0cb37a rgb(12,179,122)
```
#0dc586
```
#0dc586 rgb(13,197,134)
```
#0fd893
```
#0fd893 rgb(15,216,147)
```
#10ea9f
```
#10ea9f rgb(16,234,159)
```

Shade Color Variation

#1ef0a8
```
#1ef0a8 rgb(30,240,168)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#42f2b6
```
#42f2b6 rgb(66,242,182)
```
#55f3bd
```
#55f3bd rgb(85,243,189)
```
#67f5c4
```
#67f5c4 rgb(103,245,196)
```
#79f6cb
```
#79f6cb rgb(121,246,203)
```
#8cf7d3
```
#8cf7d3 rgb(140,247,211)
```
#9ef8da
```
#9ef8da rgb(158,248,218)
```
#b1fae1
```
#b1fae1 rgb(177,250,225)
```
#c3fbe8
```
#c3fbe8 rgb(195,251,232)
```
#d5fcef
```
#d5fcef rgb(213,252,239)
```
#e8fdf6
```
#e8fdf6 rgb(232,253,246)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9491 is the less saturated color, while #28fab2 is the most saturated one.

#8e9491
```
#8e9491 rgb(142,148,145)
```
#859c94
```
#859c94 rgb(133,156,148)
```
#7da597
```
#7da597 rgb(125,165,151)
```
#74ad9a
```
#74ad9a rgb(116,173,154)
```
#6cb69c
```
#6cb69c rgb(108,182,156)
```
#63be9f
```
#63be9f rgb(99,190,159)
```
#5bc7a2
```
#5bc7a2 rgb(91,199,162)
```
#52cfa4
```
#52cfa4 rgb(82,207,164)
```
#4ad8a7
```
#4ad8a7 rgb(74,216,167)
```
#41e0aa
```
#41e0aa rgb(65,224,170)
```
#39e9ac
```
#39e9ac rgb(57,233,172)
```
#30f1af
```
#30f1af rgb(48,241,175)
```
#28fab2
```
#28fab2 rgb(40,250,178)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#96bdb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d6a7 Protanopia 1% of men
#f4cfbe Deuteranopia 1% of men
#69e8f9 Tritanopia 0.001% of the population

Trichromacy

#a3e0aa Protanomaly 1% of men, 0.01% of women
#acdbb9 Deuteranomaly 6% of men, 0.4% of women
#54ebde Tritanomaly 0.01% of the population

#30f1af hex color

#30f1af Color Information

#30f1af Color Conversion

Color Schemes with #30f1af

Alternatives to #30f1af

#30f1af Preview

Shades and Tints of #30f1af

Tones of #30f1af

Color Blindness Simulator