#30f531 hex color

In a RGB color space, hex #30f531 is composed of 18.8% red, 96.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 0% magenta, 80% yellow and 3.9% black. It has a hue angle of 120.3 degrees, a saturation of 90.8% and a lightness of 57.5%. #30f531 color hex could be obtained by blending #60ff62 with #00eb00. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 19
- G 96
- B 19
RGB color chart
- C 80
- M 0
- Y 80
- K 4
CMYK color chart

● #30f531 color description : Bright lime green.

The hexadecimal color #30f531 has RGB values of R:48, G:245, B:49 and CMYK values of C:0.8, M:0, Y:0.8, K:0.04. Its decimal value is 3208497.

Hex triplet	30f531	`#30f531`
RGB Decimal	48, 245, 49	`rgb(48,245,49)`
RGB Percent	18.8, 96.1, 19.2	`rgb(18.8%,96.1%,19.2%)`
CMYK	80, 0, 80, 4
HSL	120.3°, 90.8, 57.5	`hsl(120.3,90.8%,57.5%)`
HSV (or HSB)	120.3°, 80.4, 96.1
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.073, -79.257, 73.658
XYZ	34.424, 66.151, 13.86
xyY	0.301, 0.578, 66.151
CIE-LCH	85.073, 108.199, 137.097
CIE-LUV	85.073, -76.25, 98.404
Hunter-Lab	81.333, -66.785, 46.83
Binary	00110000, 11110101, 00110001

#30f531
```
#30f531 rgb(48,245,49)
```
#f530f4
```
#f530f4 rgb(245,48,244)
```

Complementary Color

#92f530
```
#92f530 rgb(146,245,48)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#30f594
```
#30f594 rgb(48,245,148)
```

Analogous Color

#f53092
```
#f53092 rgb(245,48,146)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#9430f5
```
#9430f5 rgb(148,48,245)
```

Split Complementary Color

#f53130
```
#f53130 rgb(245,49,48)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#3130f5
```
#3130f5 rgb(49,48,245)
```

Triadic Color

#f4f530
```
#f4f530 rgb(244,245,48)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#3130f5
```
#3130f5 rgb(49,48,245)
```
#f530f4
```
#f530f4 rgb(245,48,244)
```

Tetradic Color

#0acf0b
```
#0acf0b rgb(10,207,11)
```
#0be70c
```
#0be70c rgb(11,231,12)
```
#18f419
```
#18f419 rgb(24,244,25)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#48f649
```
#48f649 rgb(72,246,73)
```
#61f761
```
#61f761 rgb(97,247,97)
```
#79f97a
```
#79f97a rgb(121,249,122)
```

Monochromatic Color

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

#60f530
```
#60f530 rgb(96,245,48)
```
#50f530
```
#50f530 rgb(80,245,48)
```
#3ff530
```
#3ff530 rgb(63,245,48)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#30f541
```
#30f541 rgb(48,245,65)
```
#30f552
```
#30f552 rgb(48,245,82)
```
#30f562
```
#30f562 rgb(48,245,98)
```

Similar Colors

Text with hexadecimal color #30f531

This text has a font color of #30f531.

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

#30f531 background color

This paragraph has a background color of #30f531.

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

#30f531 border color

This element has a border color of #30f531.

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

CSS codes

.text {color:#30f531;}

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

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

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, #011201 is the darkest color, while #fefffe is the lightest one.

#011201
```
#011201 rgb(1,18,1)
```
#022402
```
#022402 rgb(2,36,2)
```
#033703
```
#033703 rgb(3,55,3)
```
#044a04
```
#044a04 rgb(4,74,4)
```
#045c05
```
#045c05 rgb(4,92,5)
```
#056f06
```
#056f06 rgb(5,111,6)
```
#068207
```
#068207 rgb(6,130,7)
```
#079508
```
#079508 rgb(7,149,8)
```
#08a709
```
#08a709 rgb(8,167,9)
```
#09ba0a
```
#09ba0a rgb(9,186,10)
```
#0acd0b
```
#0acd0b rgb(10,205,11)
```
#0bdf0c
```
#0bdf0c rgb(11,223,12)
```
#0cf20d
```
#0cf20d rgb(12,242,13)
```

Shade Color Variation

#1df41e
```
#1df41e rgb(29,244,30)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#43f644
```
#43f644 rgb(67,246,68)
```
#55f756
```
#55f756 rgb(85,247,86)
```
#68f869
```
#68f869 rgb(104,248,105)
```
#7bf97b
```
#7bf97b rgb(123,249,123)
```
#8efa8e
```
#8efa8e rgb(142,250,142)
```
#a0faa1
```
#a0faa1 rgb(160,250,161)
```
#b3fbb3
```
#b3fbb3 rgb(179,251,179)
```
#c6fcc6
```
#c6fcc6 rgb(198,252,198)
```
#d8fdd9
```
#d8fdd9 rgb(216,253,217)
```
#ebfeeb
```
#ebfeeb rgb(235,254,235)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#8c998c
```
#8c998c rgb(140,153,140)
```
#83a284
```
#83a284 rgb(131,162,132)
```
#7baa7b
```
#7baa7b rgb(123,170,123)
```
#73b273
```
#73b273 rgb(115,178,115)
```
#6abb6b
```
#6abb6b rgb(106,187,107)
```
#62c363
```
#62c363 rgb(98,195,99)
```
#5acb5a
```
#5acb5a rgb(90,203,90)
```
#51d452
```
#51d452 rgb(81,212,82)
```
#49dc4a
```
#49dc4a rgb(73,220,74)
```
#41e442
```
#41e442 rgb(65,228,66)
```
#38ed39
```
#38ed39 rgb(56,237,57)
```
#30f531
```
#30f531 rgb(48,245,49)
```
#28fd29
```
#28fd29 rgb(40,253,41)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8db48d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d733 Protanopia 1% of men
#ffcf83 Deuteranopia 1% of men
#7ee5f6 Tritanopia 0.001% of the population

Trichromacy

#aae132 Protanomaly 1% of men, 0.01% of women
#b3dc65 Deuteranomaly 6% of men, 0.4% of women
#61ebae Tritanomaly 0.01% of the population

#30f531 hex color

#30f531 Color Information

#30f531 Color Conversion

Color Schemes with #30f531

Alternatives to #30f531

#30f531 Preview

Shades and Tints of #30f531

Tones of #30f531

Color Blindness Simulator