#18f5bc hex color

In a RGB color space, hex #18f5bc is composed of 9.4% red, 96.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 0% magenta, 23.3% yellow and 3.9% black. It has a hue angle of 164.5 degrees, a saturation of 91.7% and a lightness of 52.7%. #18f5bc color hex could be obtained by blending #30ffff with #00eb79. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 9
- G 96
- B 74
RGB color chart
- C 90
- M 0
- Y 23
- K 4
CMYK color chart

● #18f5bc color description : Vivid cyan - lime green.

The hexadecimal color #18f5bc has RGB values of R:24, G:245, B:188 and CMYK values of C:0.9, M:0, Y:0.23, K:0.04. Its decimal value is 1635772.

Hex triplet	18f5bc	`#18f5bc`
RGB Decimal	24, 245, 188	`rgb(24,245,188)`
RGB Percent	9.4, 96.1, 73.7	`rgb(9.4%,96.1%,73.7%)`
CMYK	90, 0, 23, 4
HSL	164.5°, 91.7, 52.7	`hsl(164.5,91.7%,52.7%)`
HSV (or HSB)	164.5°, 90.2, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.566, -60.948, 14.065
XYZ	42.102, 69.125, 58.698
xyY	0.248, 0.407, 69.125
CIE-LCH	86.566, 62.549, 167.006
CIE-LUV	86.566, -71.637, 30.782
Hunter-Lab	83.142, -55.106, 16.341
Binary	00011000, 11110101, 10111100

#18f5bc
```
#18f5bc rgb(24,245,188)
```
#f51851
```
#f51851 rgb(245,24,81)
```

Complementary Color

#18f54e
```
#18f54e rgb(24,245,78)
```
#18f5bc
```
#18f5bc rgb(24,245,188)
```
#18c0f5
```
#18c0f5 rgb(24,192,245)
```

Analogous Color

#f54e18
```
#f54e18 rgb(245,78,24)
```
#18f5bc
```
#18f5bc rgb(24,245,188)
```
#f518c0
```
#f518c0 rgb(245,24,192)
```

Split Complementary Color

#f5bc18
```
#f5bc18 rgb(245,188,24)
```
#18f5bc
```
#18f5bc rgb(24,245,188)
```
#bc18f5
```
#bc18f5 rgb(188,24,245)
```

Triadic Color

#51f518
```
#51f518 rgb(81,245,24)
```
#18f5bc
```
#18f5bc rgb(24,245,188)
```
#bc18f5
```
#bc18f5 rgb(188,24,245)
```
#f51851
```
#f51851 rgb(245,24,81)
```

Tetradic Color

#08b98b
```
#08b98b rgb(8,185,139)
```
#09d19d
```
#09d19d rgb(9,209,157)
```
#0ae9b0
```
#0ae9b0 rgb(10,233,176)
```
#18f5bc
```
#18f5bc rgb(24,245,188)
```
#30f6c3
```
#30f6c3 rgb(48,246,195)
```
#49f7ca
```
#49f7ca rgb(73,247,202)
```
#61f8d1
```
#61f8d1 rgb(97,248,209)
```

Monochromatic Color

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

#18f585
```
#18f585 rgb(24,245,133)
```
#18f597
```
#18f597 rgb(24,245,151)
```
#18f5aa
```
#18f5aa rgb(24,245,170)
```
#18f5bc
```
#18f5bc rgb(24,245,188)
```
#18f5ce
```
#18f5ce rgb(24,245,206)
```
#18f5e1
```
#18f5e1 rgb(24,245,225)
```
#18f5f3
```
#18f5f3 rgb(24,245,243)
```

Similar Colors

Text with hexadecimal color #18f5bc

This text has a font color of #18f5bc.

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

#18f5bc background color

This paragraph has a background color of #18f5bc.

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

#18f5bc border color

This element has a border color of #18f5bc.

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

CSS codes

.text {color:#18f5bc;}

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

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

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

#010d0a
```
#010d0a rgb(1,13,10)
```
#012018
```
#012018 rgb(1,32,24)
```
#023326
```
#023326 rgb(2,51,38)
```
#034635
```
#034635 rgb(3,70,53)
```
#045943
```
#045943 rgb(4,89,67)
```
#056b51
```
#056b51 rgb(5,107,81)
```
#057e5f
```
#057e5f rgb(5,126,95)
```
#06916d
```
#06916d rgb(6,145,109)
```
#07a47b
```
#07a47b rgb(7,164,123)
```
#08b78a
```
#08b78a rgb(8,183,138)
```
#09c998
```
#09c998 rgb(9,201,152)
```
#0adca6
```
#0adca6 rgb(10,220,166)
```
#0aefb4
```
#0aefb4 rgb(10,239,180)
```

Shade Color Variation

#18f5bc
```
#18f5bc rgb(24,245,188)
```
#2bf6c1
```
#2bf6c1 rgb(43,246,193)
```
#3ef7c7
```
#3ef7c7 rgb(62,247,199)
```
#50f7cc
```
#50f7cc rgb(80,247,204)
```
#63f8d2
```
#63f8d2 rgb(99,248,210)
```
#76f9d7
```
#76f9d7 rgb(118,249,215)
```
#89fadd
```
#89fadd rgb(137,250,221)
```
#9cfbe2
```
#9cfbe2 rgb(156,251,226)
```
#aefce8
```
#aefce8 rgb(174,252,232)
```
#c1fced
```
#c1fced rgb(193,252,237)
```
#d4fdf3
```
#d4fdf3 rgb(212,253,243)
```
#e7fef8
```
#e7fef8 rgb(231,254,248)
```
#fafffd
```
#fafffd rgb(250,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8f8b is the less saturated color, while #0ffec0 is the most saturated one.

#7e8f8b
```
#7e8f8b rgb(126,143,139)
```
#75988f
```
#75988f rgb(117,152,143)
```
#6ba294
```
#6ba294 rgb(107,162,148)
```
#62ab98
```
#62ab98 rgb(98,171,152)
```
#59b49d
```
#59b49d rgb(89,180,157)
```
#50bda1
```
#50bda1 rgb(80,189,161)
```
#46c7a6
```
#46c7a6 rgb(70,199,166)
```
#3dd0aa
```
#3dd0aa rgb(61,208,170)
```
#34d9af
```
#34d9af rgb(52,217,175)
```
#2be2b3
```
#2be2b3 rgb(43,226,179)
```
#21ecb8
```
#21ecb8 rgb(33,236,184)
```
#18f5bc
```
#18f5bc rgb(24,245,188)
```
#0ffec0
```
#0ffec0 rgb(15,254,192)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#8ebbaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dab2 Protanopia 1% of men
#f4d3cb Deuteranopia 1% of men
#5fecfe Tritanopia 0.001% of the population

Trichromacy

#9be3b6 Protanomaly 1% of men, 0.01% of women
#a4dfc5 Deuteranomaly 6% of men, 0.4% of women
#45efe6 Tritanomaly 0.01% of the population

#18f5bc hex color

#18f5bc Color Information

#18f5bc Color Conversion

Color Schemes with #18f5bc

Alternatives to #18f5bc

#18f5bc Preview

Shades and Tints of #18f5bc

Tones of #18f5bc

Color Blindness Simulator