#18f5bd hex color

In a RGB color space, hex #18f5bd is composed of 9.4% red, 96.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 0% magenta, 22.9% yellow and 3.9% black. It has a hue angle of 164.8 degrees, a saturation of 91.7% and a lightness of 52.7%. #18f5bd color hex could be obtained by blending #30ffff with #00eb7b. 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

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

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

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

CIE-LAB	86.587, -60.714, 13.576
XYZ	42.211, 69.169, 59.267
xyY	0.247, 0.405, 69.169
CIE-LCH	86.587, 62.213, 167.395
CIE-LUV	86.587, -71.563, 30.044
Hunter-Lab	83.168, -54.948, 15.966
Binary	00011000, 11110101, 10111101

#18f5bd
```
#18f5bd rgb(24,245,189)
```
#f51850
```
#f51850 rgb(245,24,80)
```

Complementary Color

#18f54f
```
#18f54f rgb(24,245,79)
```
#18f5bd
```
#18f5bd rgb(24,245,189)
```
#18bff5
```
#18bff5 rgb(24,191,245)
```

Analogous Color

#f54f18
```
#f54f18 rgb(245,79,24)
```
#18f5bd
```
#18f5bd rgb(24,245,189)
```
#f518bf
```
#f518bf rgb(245,24,191)
```

Split Complementary Color

#f5bd18
```
#f5bd18 rgb(245,189,24)
```
#18f5bd
```
#18f5bd rgb(24,245,189)
```
#bd18f5
```
#bd18f5 rgb(189,24,245)
```

Triadic Color

#50f518
```
#50f518 rgb(80,245,24)
```
#18f5bd
```
#18f5bd rgb(24,245,189)
```
#bd18f5
```
#bd18f5 rgb(189,24,245)
```
#f51850
```
#f51850 rgb(245,24,80)
```

Tetradic Color

#08b98c
```
#08b98c rgb(8,185,140)
```
#09d19e
```
#09d19e rgb(9,209,158)
```
#0ae9b1
```
#0ae9b1 rgb(10,233,177)
```
#18f5bd
```
#18f5bd rgb(24,245,189)
```
#30f6c4
```
#30f6c4 rgb(48,246,196)
```
#49f7cb
```
#49f7cb rgb(73,247,203)
```
#61f8d2
```
#61f8d2 rgb(97,248,210)
```

Monochromatic Color

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

#18f586
```
#18f586 rgb(24,245,134)
```
#18f598
```
#18f598 rgb(24,245,152)
```
#18f5ab
```
#18f5ab rgb(24,245,171)
```
#18f5bd
```
#18f5bd rgb(24,245,189)
```
#18f5cf
```
#18f5cf rgb(24,245,207)
```
#18f5e2
```
#18f5e2 rgb(24,245,226)
```
#18f5f4
```
#18f5f4 rgb(24,245,244)
```

Similar Colors

Text with hexadecimal color #18f5bd

This text has a font color of #18f5bd.

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

#18f5bd background color

This paragraph has a background color of #18f5bd.

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

#18f5bd border color

This element has a border color of #18f5bd.

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

CSS codes

.text {color:#18f5bd;}

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

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

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)
```
#023327
```
#023327 rgb(2,51,39)
```
#034635
```
#034635 rgb(3,70,53)
```
#045943
```
#045943 rgb(4,89,67)
```
#056b51
```
#056b51 rgb(5,107,81)
```
#057e60
```
#057e60 rgb(5,126,96)
```
#06916e
```
#06916e rgb(6,145,110)
```
#07a47c
```
#07a47c rgb(7,164,124)
```
#08b78a
```
#08b78a rgb(8,183,138)
```
#09c999
```
#09c999 rgb(9,201,153)
```
#0adca7
```
#0adca7 rgb(10,220,167)
```
#0aefb5
```
#0aefb5 rgb(10,239,181)
```

Shade Color Variation

#18f5bd
```
#18f5bd rgb(24,245,189)
```
#2bf6c2
```
#2bf6c2 rgb(43,246,194)
```
#3ef7c8
```
#3ef7c8 rgb(62,247,200)
```
#50f7cd
```
#50f7cd rgb(80,247,205)
```
#63f8d2
```
#63f8d2 rgb(99,248,210)
```
#76f9d8
```
#76f9d8 rgb(118,249,216)
```
#89fadd
```
#89fadd rgb(137,250,221)
```
#9cfbe3
```
#9cfbe3 rgb(156,251,227)
```
#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 #0ffec2 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)
```
#50bda2
```
#50bda2 rgb(80,189,162)
```
#46c7a6
```
#46c7a6 rgb(70,199,166)
```
#3dd0ab
```
#3dd0ab rgb(61,208,171)
```
#34d9af
```
#34d9af rgb(52,217,175)
```
#2be2b4
```
#2be2b4 rgb(43,226,180)
```
#21ecb8
```
#21ecb8 rgb(33,236,184)
```
#18f5bd
```
#18f5bd rgb(24,245,189)
```
#0ffec2
```
#0ffec2 rgb(15,254,194)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#8fbbb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dab3 Protanopia 1% of men
#f4d3cc Deuteranopia 1% of men
#5fecfe Tritanopia 0.001% of the population

Trichromacy

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

#18f5bd hex color

#18f5bd Color Information

#18f5bd Color Conversion

Color Schemes with #18f5bd

Alternatives to #18f5bd

#18f5bd Preview

Shades and Tints of #18f5bd

Tones of #18f5bd

Color Blindness Simulator