#18bf5f hex color

In a RGB color space, hex #18bf5f is composed of 9.4% red, 74.9% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 0% magenta, 50.3% yellow and 25.1% black. It has a hue angle of 145.5 degrees, a saturation of 77.7% and a lightness of 42.2%. #18bf5f color hex could be obtained by blending #30ffbe with #007f00. Closest websafe color is: #00cc66.

♥
- f
- t
- g
- R 9
- G 75
- B 37
RGB color chart
- C 87
- M 0
- Y 50
- K 25
CMYK color chart

● #18bf5f color description : Strong cyan - lime green.

The hexadecimal color #18bf5f has RGB values of R:24, G:191, B:95 and CMYK values of C:0.87, M:0, Y:0.5, K:0.25. Its decimal value is 1621855.

Hex triplet	18bf5f	`#18bf5f`
RGB Decimal	24, 191, 95	`rgb(24,191,95)`
RGB Percent	9.4, 74.9, 37.3	`rgb(9.4%,74.9%,37.3%)`
CMYK	87, 0, 50, 25
HSL	145.5°, 77.7, 42.2	`hsl(145.5,77.7%,42.2%)`
HSV (or HSB)	145.5°, 87.4, 74.9
Web Safe	00cc66	`#00cc66`

CIE-LAB	68.226, -60.43, 37.304
XYZ	21.072, 38.28, 17.104
xyY	0.276, 0.501, 38.28
CIE-LCH	68.226, 71.017, 148.312
CIE-LUV	68.226, -59.853, 57.203
Hunter-Lab	61.871, -47.481, 26.919
Binary	00011000, 10111111, 01011111

#18bf5f
```
#18bf5f rgb(24,191,95)
```
#bf1878
```
#bf1878 rgb(191,24,120)
```

Complementary Color

#25bf18
```
#25bf18 rgb(37,191,24)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#18bfb3
```
#18bfb3 rgb(24,191,179)
```

Analogous Color

#bf1824
```
#bf1824 rgb(191,24,36)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#b318bf
```
#b318bf rgb(179,24,191)
```

Split Complementary Color

#bf5f18
```
#bf5f18 rgb(191,95,24)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#5f18bf
```
#5f18bf rgb(95,24,191)
```

Triadic Color

#78bf18
```
#78bf18 rgb(120,191,24)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#5f18bf
```
#5f18bf rgb(95,24,191)
```
#bf1878
```
#bf1878 rgb(191,24,120)
```

Tetradic Color

#0f7b3d
```
#0f7b3d rgb(15,123,61)
```
#129248
```
#129248 rgb(18,146,72)
```
#15a854
```
#15a854 rgb(21,168,84)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#1bd66a
```
#1bd66a rgb(27,214,106)
```
#26e477
```
#26e477 rgb(38,228,119)
```
#3de785
```
#3de785 rgb(61,231,133)
```

Monochromatic Color

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

#18bf35
```
#18bf35 rgb(24,191,53)
```
#18bf43
```
#18bf43 rgb(24,191,67)
```
#18bf51
```
#18bf51 rgb(24,191,81)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#18bf6d
```
#18bf6d rgb(24,191,109)
```
#18bf7b
```
#18bf7b rgb(24,191,123)
```
#18bf89
```
#18bf89 rgb(24,191,137)
```

Similar Colors

Text with hexadecimal color #18bf5f

This text has a font color of #18bf5f.

<span style="color:#18bf5f;">Text here</span>

#18bf5f background color

This paragraph has a background color of #18bf5f.

<p style="background-color:#18bf5f;">Content here</p>

#18bf5f border color

This element has a border color of #18bf5f.

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

CSS codes

.text {color:#18bf5f;}

.background {background-color:#18bf5f;}

.border {border:1px solid #18bf5f;}

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

#021108
```
#021108 rgb(2,17,8)
```
#042211
```
#042211 rgb(4,34,17)
```
#06341a
```
#06341a rgb(6,52,26)
```
#094522
```
#094522 rgb(9,69,34)
```
#0b562b
```
#0b562b rgb(11,86,43)
```
#0d6834
```
#0d6834 rgb(13,104,52)
```
#0f793c
```
#0f793c rgb(15,121,60)
```
#118b45
```
#118b45 rgb(17,139,69)
```
#149c4e
```
#149c4e rgb(20,156,78)
```
#16ae56
```
#16ae56 rgb(22,174,86)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#1ad068
```
#1ad068 rgb(26,208,104)
```
#1ce270
```
#1ce270 rgb(28,226,112)
```

Shade Color Variation

#2de57b
```
#2de57b rgb(45,229,123)
```
#3fe786
```
#3fe786 rgb(63,231,134)
```
#50e991
```
#50e991 rgb(80,233,145)
```
#61eb9c
```
#61eb9c rgb(97,235,156)
```
#73eda7
```
#73eda7 rgb(115,237,167)
```
#84f0b2
```
#84f0b2 rgb(132,240,178)
```
#96f2bd
```
#96f2bd rgb(150,242,189)
```
#a7f4c8
```
#a7f4c8 rgb(167,244,200)
```
#b9f6d3
```
#b9f6d3 rgb(185,246,211)
```
#caf8de
```
#caf8de rgb(202,248,222)
```
#dbfbe9
```
#dbfbe9 rgb(219,251,233)
```
#edfdf4
```
#edfdf4 rgb(237,253,244)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6b is the less saturated color, while #07d05d is the most saturated one.

#6b6c6b
```
#6b6c6b rgb(107,108,107)
```
#62756a
```
#62756a rgb(98,117,106)
```
#5a7d69
```
#5a7d69 rgb(90,125,105)
```
#528568
```
#528568 rgb(82,133,104)
```
#4a8d66
```
#4a8d66 rgb(74,141,102)
```
#419665
```
#419665 rgb(65,150,101)
```
#399e64
```
#399e64 rgb(57,158,100)
```
#31a663
```
#31a663 rgb(49,166,99)
```
#29ae61
```
#29ae61 rgb(41,174,97)
```
#20b760
```
#20b760 rgb(32,183,96)
```
#18bf5f
```
#18bf5f rgb(24,191,95)
```
#10c75e
```
#10c75e rgb(16,199,94)
```
#07d05d
```
#07d05d rgb(7,208,93)
```

Tone Color Variation

Below, you can see how #18bf5f 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

#828282 Achromatopsia 0.005% of the population
#6d8e7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbab5f Protanopia 1% of men
#cca372 Deuteranopia 1% of men
#5ab7c5 Tritanopia 0.001% of the population

Trichromacy

#80b25f Protanomaly 1% of men, 0.01% of women
#8aad6b Deuteranomaly 6% of men, 0.4% of women
#42baa0 Tritanomaly 0.01% of the population

#18bf5f hex color

#18bf5f Color Information

#18bf5f Color Conversion

Color Schemes with #18bf5f

Alternatives to #18bf5f

#18bf5f Preview

Shades and Tints of #18bf5f

Tones of #18bf5f

Color Blindness Simulator