#18e4bc hex color

In a RGB color space, hex #18e4bc is composed of 9.4% red, 89.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 89.5% cyan, 0% magenta, 17.5% yellow and 10.6% black. It has a hue angle of 168.2 degrees, a saturation of 81% and a lightness of 49.4%. #18e4bc color hex could be obtained by blending #30ffff with #00c979. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 89
- B 74
RGB color chart
- C 89
- M 0
- Y 18
- K 11
CMYK color chart

● #18e4bc color description : Vivid cyan.

The hexadecimal color #18e4bc has RGB values of R:24, G:228, B:188 and CMYK values of C:0.89, M:0, Y:0.18, K:0.11. Its decimal value is 1631420.

Hex triplet	18e4bc	`#18e4bc`
RGB Decimal	24, 228, 188	`rgb(24,228,188)`
RGB Percent	9.4, 89.4, 73.7	`rgb(9.4%,89.4%,73.7%)`
CMYK	89, 0, 18, 11
HSL	168.2°, 81, 49.4	`hsl(168.2,81%,49.4%)`
HSV (or HSB)	168.2°, 89.5, 89.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.461, -54.37, 6.789
XYZ	37.194, 59.308, 57.061
xyY	0.242, 0.386, 59.308
CIE-LCH	81.461, 54.792, 172.883
CIE-LUV	81.461, -66.02, 18.845
Hunter-Lab	77.012, -48.561, 9.977
Binary	00011000, 11100100, 10111100

#18e4bc
```
#18e4bc rgb(24,228,188)
```
#e41840
```
#e41840 rgb(228,24,64)
```

Complementary Color

#18e456
```
#18e456 rgb(24,228,86)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```
#18a6e4
```
#18a6e4 rgb(24,166,228)
```

Analogous Color

#e45618
```
#e45618 rgb(228,86,24)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```
#e418a6
```
#e418a6 rgb(228,24,166)
```

Split Complementary Color

#e4bc18
```
#e4bc18 rgb(228,188,24)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```
#bc18e4
```
#bc18e4 rgb(188,24,228)
```

Triadic Color

#40e418
```
#40e418 rgb(64,228,24)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```
#bc18e4
```
#bc18e4 rgb(188,24,228)
```
#e41840
```
#e41840 rgb(228,24,64)
```

Tetradic Color

#119f83
```
#119f83 rgb(17,159,131)
```
#13b696
```
#13b696 rgb(19,182,150)
```
#16cda9
```
#16cda9 rgb(22,205,169)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```
#2de9c4
```
#2de9c4 rgb(45,233,196)
```
#44ebca
```
#44ebca rgb(68,235,202)
```
#5beed1
```
#5beed1 rgb(91,238,209)
```

Monochromatic Color

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

#18e489
```
#18e489 rgb(24,228,137)
```
#18e49a
```
#18e49a rgb(24,228,154)
```
#18e4ab
```
#18e4ab rgb(24,228,171)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```
#18e4cd
```
#18e4cd rgb(24,228,205)
```
#18e4de
```
#18e4de rgb(24,228,222)
```
#18d9e4
```
#18d9e4 rgb(24,217,228)
```

Similar Colors

Text with hexadecimal color #18e4bc

This text has a font color of #18e4bc.

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

#18e4bc background color

This paragraph has a background color of #18e4bc.

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

#18e4bc border color

This element has a border color of #18e4bc.

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

CSS codes

.text {color:#18e4bc;}

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

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

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, #020f0c is the darkest color, while #fcfffe is the lightest one.

#020f0c
```
#020f0c rgb(2,15,12)
```
#03211b
```
#03211b rgb(3,33,27)
```
#05332a
```
#05332a rgb(5,51,42)
```
#074438
```
#074438 rgb(7,68,56)
```
#095647
```
#095647 rgb(9,86,71)
```
#0b6856
```
#0b6856 rgb(11,104,86)
```
#0d7a64
```
#0d7a64 rgb(13,122,100)
```
#0f8b73
```
#0f8b73 rgb(15,139,115)
```
#119d81
```
#119d81 rgb(17,157,129)
```
#12af90
```
#12af90 rgb(18,175,144)
```
#14c19f
```
#14c19f rgb(20,193,159)
```
#16d2ad
```
#16d2ad rgb(22,210,173)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```

Shade Color Variation

#27e8c2
```
#27e8c2 rgb(39,232,194)
```
#39eac7
```
#39eac7 rgb(57,234,199)
```
#4beccc
```
#4beccc rgb(75,236,204)
```
#5deed1
```
#5deed1 rgb(93,238,209)
```
#6ef0d6
```
#6ef0d6 rgb(110,240,214)
```
#80f2db
```
#80f2db rgb(128,242,219)
```
#92f4e0
```
#92f4e0 rgb(146,244,224)
```
#a4f5e5
```
#a4f5e5 rgb(164,245,229)
```
#b5f7ea
```
#b5f7ea rgb(181,247,234)
```
#c7f9ef
```
#c7f9ef rgb(199,249,239)
```
#d9fbf4
```
#d9fbf4 rgb(217,251,244)
```
#ebfdf9
```
#ebfdf9 rgb(235,253,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #798381 is the less saturated color, while #05f7c8 is the most saturated one.

#798381
```
#798381 rgb(121,131,129)
```
#6f8d87
```
#6f8d87 rgb(111,141,135)
```
#66968d
```
#66968d rgb(102,150,141)
```
#5ca093
```
#5ca093 rgb(92,160,147)
```
#52aa99
```
#52aa99 rgb(82,170,153)
```
#48b49f
```
#48b49f rgb(72,180,159)
```
#3fbda4
```
#3fbda4 rgb(63,189,164)
```
#35c7aa
```
#35c7aa rgb(53,199,170)
```
#2bd1b0
```
#2bd1b0 rgb(43,209,176)
```
#22dab6
```
#22dab6 rgb(34,218,182)
```
#18e4bc
```
#18e4bc rgb(24,228,188)
```
#0eeec2
```
#0eeec2 rgb(14,238,194)
```
#05f7c8
```
#05f7c8 rgb(5,247,200)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#86afa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6ccb3 Protanopia 1% of men
#e1c6ca Deuteranopia 1% of men
#54deee Tritanopia 0.001% of the population

Trichromacy

#91d5b6 Protanomaly 1% of men, 0.01% of women
#97d1c5 Deuteranomaly 6% of men, 0.4% of women
#3ee0dc Tritanomaly 0.01% of the population

#18e4bc hex color

#18e4bc Color Information

#18e4bc Color Conversion

Color Schemes with #18e4bc

Alternatives to #18e4bc

#18e4bc Preview

Shades and Tints of #18e4bc

Tones of #18e4bc

Color Blindness Simulator