#18f5cd hex color

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

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

● #18f5cd color description : Vivid cyan.

The hexadecimal color #18f5cd has RGB values of R:24, G:245, B:205 and CMYK values of C:0.9, M:0, Y:0.16, K:0.04. Its decimal value is 1635789.

Hex triplet	18f5cd	`#18f5cd`
RGB Decimal	24, 245, 205	`rgb(24,245,205)`
RGB Percent	9.4, 96.1, 80.4	`rgb(9.4%,96.1%,80.4%)`
CMYK	90, 0, 16, 4
HSL	169.1°, 91.7, 52.7	`hsl(169.1,91.7%,52.7%)`
HSV (or HSB)	169.1°, 90.2, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.949, -56.825, 5.772
XYZ	44.044, 69.902, 68.925
xyY	0.241, 0.382, 69.902
CIE-LCH	86.949, 57.118, 174.2
CIE-LUV	86.949, -70.364, 17.908
Hunter-Lab	83.607, -52.279, 9.647
Binary	00011000, 11110101, 11001101

#18f5cd
```
#18f5cd rgb(24,245,205)
```
#f51840
```
#f51840 rgb(245,24,64)
```

Complementary Color

#18f55f
```
#18f55f rgb(24,245,95)
```
#18f5cd
```
#18f5cd rgb(24,245,205)
```
#18aff5
```
#18aff5 rgb(24,175,245)
```

Analogous Color

#f55f18
```
#f55f18 rgb(245,95,24)
```
#18f5cd
```
#18f5cd rgb(24,245,205)
```
#f518af
```
#f518af rgb(245,24,175)
```

Split Complementary Color

#f5cd18
```
#f5cd18 rgb(245,205,24)
```
#18f5cd
```
#18f5cd rgb(24,245,205)
```
#cd18f5
```
#cd18f5 rgb(205,24,245)
```

Triadic Color

#40f518
```
#40f518 rgb(64,245,24)
```
#18f5cd
```
#18f5cd rgb(24,245,205)
```
#cd18f5
```
#cd18f5 rgb(205,24,245)
```
#f51840
```
#f51840 rgb(245,24,64)
```

Tetradic Color

#08b999
```
#08b999 rgb(8,185,153)
```
#09d1ad
```
#09d1ad rgb(9,209,173)
```
#0ae9c1
```
#0ae9c1 rgb(10,233,193)
```
#18f5cd
```
#18f5cd rgb(24,245,205)
```
#30f6d2
```
#30f6d2 rgb(48,246,210)
```
#49f7d8
```
#49f7d8 rgb(73,247,216)
```
#61f8dd
```
#61f8dd rgb(97,248,221)
```

Monochromatic Color

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

#18f596
```
#18f596 rgb(24,245,150)
```
#18f5a8
```
#18f5a8 rgb(24,245,168)
```
#18f5bb
```
#18f5bb rgb(24,245,187)
```
#18f5cd
```
#18f5cd rgb(24,245,205)
```
#18f5df
```
#18f5df rgb(24,245,223)
```
#18f5f2
```
#18f5f2 rgb(24,245,242)
```
#18e6f5
```
#18e6f5 rgb(24,230,245)
```

Similar Colors

Text with hexadecimal color #18f5cd

This text has a font color of #18f5cd.

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

#18f5cd background color

This paragraph has a background color of #18f5cd.

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

#18f5cd border color

This element has a border color of #18f5cd.

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

CSS codes

.text {color:#18f5cd;}

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

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

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

#010d0b
```
#010d0b rgb(1,13,11)
```
#01201b
```
#01201b rgb(1,32,27)
```
#02332a
```
#02332a rgb(2,51,42)
```
#03463a
```
#03463a rgb(3,70,58)
```
#045949
```
#045949 rgb(4,89,73)
```
#056b59
```
#056b59 rgb(5,107,89)
```
#057e68
```
#057e68 rgb(5,126,104)
```
#069178
```
#069178 rgb(6,145,120)
```
#07a487
```
#07a487 rgb(7,164,135)
```
#08b797
```
#08b797 rgb(8,183,151)
```
#09c9a7
```
#09c9a7 rgb(9,201,167)
```
#0adcb6
```
#0adcb6 rgb(10,220,182)
```
#0aefc6
```
#0aefc6 rgb(10,239,198)
```

Shade Color Variation

#18f5cd
```
#18f5cd rgb(24,245,205)
```
#2bf6d1
```
#2bf6d1 rgb(43,246,209)
```
#3ef7d5
```
#3ef7d5 rgb(62,247,213)
```
#50f7d9
```
#50f7d9 rgb(80,247,217)
```
#63f8dd
```
#63f8dd rgb(99,248,221)
```
#76f9e1
```
#76f9e1 rgb(118,249,225)
```
#89fae5
```
#89fae5 rgb(137,250,229)
```
#9cfbe9
```
#9cfbe9 rgb(156,251,233)
```
#aefcee
```
#aefcee rgb(174,252,238)
```
#c1fcf2
```
#c1fcf2 rgb(193,252,242)
```
#d4fdf6
```
#d4fdf6 rgb(212,253,246)
```
#e7fefa
```
#e7fefa rgb(231,254,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#7e8f8c
```
#7e8f8c rgb(126,143,140)
```
#759892
```
#759892 rgb(117,152,146)
```
#6ba298
```
#6ba298 rgb(107,162,152)
```
#62ab9e
```
#62ab9e rgb(98,171,158)
```
#59b4a4
```
#59b4a4 rgb(89,180,164)
```
#50bdaa
```
#50bdaa rgb(80,189,170)
```
#46c7af
```
#46c7af rgb(70,199,175)
```
#3dd0b5
```
#3dd0b5 rgb(61,208,181)
```
#34d9bb
```
#34d9bb rgb(52,217,187)
```
#2be2c1
```
#2be2c1 rgb(43,226,193)
```
#21ecc7
```
#21ecc7 rgb(33,236,199)
```
#18f5cd
```
#18f5cd rgb(24,245,205)
```
#0ffed3
```
#0ffed3 rgb(15,254,211)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#90bcb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dac2 Protanopia 1% of men
#efd5db Deuteranopia 1% of men
#60edff Tritanopia 0.001% of the population

Trichromacy

#9ae4c6 Protanomaly 1% of men, 0.01% of women
#a1e0d5 Deuteranomaly 6% of men, 0.4% of women
#46f0ec Tritanomaly 0.01% of the population

#18f5cd hex color

#18f5cd Color Information

#18f5cd Color Conversion

Color Schemes with #18f5cd

Alternatives to #18f5cd

#18f5cd Preview

Shades and Tints of #18f5cd

Tones of #18f5cd

Color Blindness Simulator