colorhexa.com

#30f0af hex color

In a RGB color space, hex #30f0af is composed of 18.8% red, 94.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 27.1% yellow and 5.9% black. It has a hue angle of 159.7 degrees, a saturation of 86.5% and a lightness of 56.5%. #30f0af color hex could be obtained by blending #60ffff with #00e15f. Closest websafe color is: #33ff99.

- R 19
- G 94
- B 69
RGB color chart
- C 80
- M 0
- Y 27
- K 6
CMYK color chart

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

The hexadecimal color #30f0af has RGB values of R:48, G:240, B:175 and CMYK values of C:0.8, M:0, Y:0.27, K:0.06. Its decimal value is 3207343.

Hex triplet	30f0af	`#30f0af`
RGB Decimal	48, 240, 175	`rgb(48,240,175)`
RGB Percent	18.8, 94.1, 68.6	`rgb(18.8%,94.1%,68.6%)`
CMYK	80, 0, 27, 6
HSL	159.7°, 86.5, 56.5	`hsl(159.7,86.5%,56.5%)`
HSV (or HSB)	159.7°, 80, 94.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.017, -60.368, 18.654
XYZ	40.114, 66.04, 51.188
xyY	0.255, 0.42, 66.04
CIE-LCH	85.017, 63.184, 162.829
CIE-LUV	85.017, -68.912, 37.068
Hunter-Lab	81.265, -54.103, 19.539
Binary	00110000, 11110000, 10101111

#30f0af
```
#30f0af rgb(48,240,175)
```
#f03071
```
#f03071 rgb(240,48,113)
```

Complementary Color

#30f04f
```
#30f04f rgb(48,240,79)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#30d1f0
```
#30d1f0 rgb(48,209,240)
```

Analogous Color

#f04f30
```
#f04f30 rgb(240,79,48)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#f030d1
```
#f030d1 rgb(240,48,209)
```

Split Complementary Color

#f0af30
```
#f0af30 rgb(240,175,48)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```

Triadic Color

#71f030
```
#71f030 rgb(113,240,48)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#af30f0
```
#af30f0 rgb(175,48,240)
```
#f03071
```
#f03071 rgb(240,48,113)
```

Tetradic Color

#0ec587
```
#0ec587 rgb(14,197,135)
```
#10dd98
```
#10dd98 rgb(16,221,152)
```
#18eea6
```
#18eea6 rgb(24,238,166)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#48f2b8
```
#48f2b8 rgb(72,242,184)
```
#60f3c1
```
#60f3c1 rgb(96,243,193)
```
#77f5cb
```
#77f5cb rgb(119,245,203)
```

Monochromatic Color

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

#30f07f
```
#30f07f rgb(48,240,127)
```
#30f08f
```
#30f08f rgb(48,240,143)
```
#30f09f
```
#30f09f rgb(48,240,159)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#30f0bf
```
#30f0bf rgb(48,240,191)
```
#30f0cf
```
#30f0cf rgb(48,240,207)
```
#30f0df
```
#30f0df rgb(48,240,223)
```

Similar Colors

Text with hexadecimal color #30f0af

This text has a font color of #30f0af.

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

#30f0af background color

This paragraph has a background color of #30f0af.

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

#30f0af border color

This element has a border color of #30f0af.

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

CSS codes

.text {color:#30f0af;}

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

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

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

#010c09
```
#010c09 rgb(1,12,9)
```
#021f15
```
#021f15 rgb(2,31,21)
```
#043122
```
#043122 rgb(4,49,34)
```
#05432e
```
#05432e rgb(5,67,46)
```
#06563b
```
#06563b rgb(6,86,59)
```
#086847
```
#086847 rgb(8,104,71)
```
#097a54
```
#097a54 rgb(9,122,84)
```
#0a8d60
```
#0a8d60 rgb(10,141,96)
```
#0c9f6d
```
#0c9f6d rgb(12,159,109)
```
#0db179
```
#0db179 rgb(13,177,121)
```
#0ec386
```
#0ec386 rgb(14,195,134)
```
#0fd693
```
#0fd693 rgb(15,214,147)
```
#11e89f
```
#11e89f rgb(17,232,159)
```

Shade Color Variation

#1eefa8
```
#1eefa8 rgb(30,239,168)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#42f1b6
```
#42f1b6 rgb(66,241,182)
```
#55f3bd
```
#55f3bd rgb(85,243,189)
```
#67f4c4
```
#67f4c4 rgb(103,244,196)
```
#79f5cb
```
#79f5cb rgb(121,245,203)
```
#8bf7d2
```
#8bf7d2 rgb(139,247,210)
```
#9ef8d9
```
#9ef8d9 rgb(158,248,217)
```
#b0f9e0
```
#b0f9e0 rgb(176,249,224)
```
#c2fbe8
```
#c2fbe8 rgb(194,251,232)
```
#d5fcef
```
#d5fcef rgb(213,252,239)
```
#e7fdf6
```
#e7fdf6 rgb(231,253,246)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

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

#8e9291
```
#8e9291 rgb(142,146,145)
```
#859b93
```
#859b93 rgb(133,155,147)
```
#7da396
```
#7da396 rgb(125,163,150)
```
#74ac99
```
#74ac99 rgb(116,172,153)
```
#6cb49c
```
#6cb49c rgb(108,180,156)
```
#63bd9e
```
#63bd9e rgb(99,189,158)
```
#5bc5a1
```
#5bc5a1 rgb(91,197,161)
```
#52cea4
```
#52cea4 rgb(82,206,164)
```
#4ad6a7
```
#4ad6a7 rgb(74,214,167)
```
#41dfa9
```
#41dfa9 rgb(65,223,169)
```
#39e7ac
```
#39e7ac rgb(57,231,172)
```
#30f0af
```
#30f0af rgb(48,240,175)
```
#27f9b2
```
#27f9b2 rgb(39,249,178)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#96bcaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d6a7 Protanopia 1% of men
#f3cfbe Deuteranopia 1% of men
#69e7f8 Tritanopia 0.001% of the population

Trichromacy

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