#18f5c4 hex color

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

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

● #18f5c4 color description : Vivid cyan.

The hexadecimal color #18f5c4 has RGB values of R:24, G:245, B:196 and CMYK values of C:0.9, M:0, Y:0.2, K:0.04. Its decimal value is 1635780.

Hex triplet	18f5c4	`#18f5c4`
RGB Decimal	24, 245, 196	`rgb(24,245,196)`
RGB Percent	9.4, 96.1, 76.9	`rgb(9.4%,96.1%,76.9%)`
CMYK	90, 0, 20, 4
HSL	166.7°, 91.7, 52.7	`hsl(166.7,91.7%,52.7%)`
HSV (or HSB)	166.7°, 90.2, 96.1
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.741, -59.046, 10.16
XYZ	42.989, 69.48, 63.367
xyY	0.244, 0.395, 69.48
CIE-LCH	86.741, 59.913, 170.237
CIE-LUV	86.741, -71.044, 24.807
Hunter-Lab	83.355, -53.812, 13.276
Binary	00011000, 11110101, 11000100

#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#f51849
```
#f51849 rgb(245,24,73)
```

Complementary Color

#18f556
```
#18f556 rgb(24,245,86)
```
#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#18b8f5
```
#18b8f5 rgb(24,184,245)
```

Analogous Color

#f55618
```
#f55618 rgb(245,86,24)
```
#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#f518b8
```
#f518b8 rgb(245,24,184)
```

Split Complementary Color

#f5c418
```
#f5c418 rgb(245,196,24)
```
#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#c418f5
```
#c418f5 rgb(196,24,245)
```

Triadic Color

#49f518
```
#49f518 rgb(73,245,24)
```
#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#c418f5
```
#c418f5 rgb(196,24,245)
```
#f51849
```
#f51849 rgb(245,24,73)
```

Tetradic Color

#08b991
```
#08b991 rgb(8,185,145)
```
#09d1a5
```
#09d1a5 rgb(9,209,165)
```
#0ae9b8
```
#0ae9b8 rgb(10,233,184)
```
#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#30f6ca
```
#30f6ca rgb(48,246,202)
```
#49f7d0
```
#49f7d0 rgb(73,247,208)
```
#61f8d7
```
#61f8d7 rgb(97,248,215)
```

Monochromatic Color

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

#18f58d
```
#18f58d rgb(24,245,141)
```
#18f59f
```
#18f59f rgb(24,245,159)
```
#18f5b2
```
#18f5b2 rgb(24,245,178)
```
#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#18f5d6
```
#18f5d6 rgb(24,245,214)
```
#18f5e9
```
#18f5e9 rgb(24,245,233)
```
#18eff5
```
#18eff5 rgb(24,239,245)
```

Similar Colors

Text with hexadecimal color #18f5c4

This text has a font color of #18f5c4.

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

#18f5c4 background color

This paragraph has a background color of #18f5c4.

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

#18f5c4 border color

This element has a border color of #18f5c4.

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

CSS codes

.text {color:#18f5c4;}

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

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

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)
```
#012019
```
#012019 rgb(1,32,25)
```
#023328
```
#023328 rgb(2,51,40)
```
#034637
```
#034637 rgb(3,70,55)
```
#045946
```
#045946 rgb(4,89,70)
```
#056b55
```
#056b55 rgb(5,107,85)
```
#057e63
```
#057e63 rgb(5,126,99)
```
#069172
```
#069172 rgb(6,145,114)
```
#07a481
```
#07a481 rgb(7,164,129)
```
#08b790
```
#08b790 rgb(8,183,144)
```
#09c99f
```
#09c99f rgb(9,201,159)
```
#0adcae
```
#0adcae rgb(10,220,174)
```
#0aefbc
```
#0aefbc rgb(10,239,188)
```

Shade Color Variation

#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#2bf6c9
```
#2bf6c9 rgb(43,246,201)
```
#3ef7ce
```
#3ef7ce rgb(62,247,206)
```
#50f7d2
```
#50f7d2 rgb(80,247,210)
```
#63f8d7
```
#63f8d7 rgb(99,248,215)
```
#76f9dc
```
#76f9dc rgb(118,249,220)
```
#89fae1
```
#89fae1 rgb(137,250,225)
```
#9cfbe6
```
#9cfbe6 rgb(156,251,230)
```
#aefcea
```
#aefcea rgb(174,252,234)
```
#c1fcef
```
#c1fcef rgb(193,252,239)
```
#d4fdf4
```
#d4fdf4 rgb(212,253,244)
```
#e7fef9
```
#e7fef9 rgb(231,254,249)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#7e8f8b
```
#7e8f8b rgb(126,143,139)
```
#759890
```
#759890 rgb(117,152,144)
```
#6ba296
```
#6ba296 rgb(107,162,150)
```
#62ab9b
```
#62ab9b rgb(98,171,155)
```
#59b4a0
```
#59b4a0 rgb(89,180,160)
```
#50bda5
```
#50bda5 rgb(80,189,165)
```
#46c7aa
```
#46c7aa rgb(70,199,170)
```
#3dd0af
```
#3dd0af rgb(61,208,175)
```
#34d9b5
```
#34d9b5 rgb(52,217,181)
```
#2be2ba
```
#2be2ba rgb(43,226,186)
```
#21ecbf
```
#21ecbf rgb(33,236,191)
```
#18f5c4
```
#18f5c4 rgb(24,245,196)
```
#0ffec9
```
#0ffec9 rgb(15,254,201)
```

Tone Color Variation

Below, you can see how #18f5c4 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
#8fbbb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6daba Protanopia 1% of men
#f2d4d2 Deuteranopia 1% of men
#5cedff Tritanopia 0.001% of the population

Trichromacy

#9be4bd Protanomaly 1% of men, 0.01% of women
#a3e0cd Deuteranomaly 6% of men, 0.4% of women
#43f0e9 Tritanomaly 0.01% of the population

#18f5c4 hex color

#18f5c4 Color Information

#18f5c4 Color Conversion

Color Schemes with #18f5c4

Alternatives to #18f5c4

#18f5c4 Preview

Shades and Tints of #18f5c4

Tones of #18f5c4

Color Blindness Simulator