#18dfba hex color

In a RGB color space, hex #18dfba is composed of 9.4% red, 87.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 89.2% cyan, 0% magenta, 16.6% yellow and 12.5% black. It has a hue angle of 168.8 degrees, a saturation of 80.6% and a lightness of 48.4%. #18dfba color hex could be obtained by blending #30ffff with #00bf75. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 9
- G 87
- B 73
RGB color chart
- C 89
- M 0
- Y 17
- K 13
CMYK color chart

● #18dfba color description : Vivid cyan.

The hexadecimal color #18dfba has RGB values of R:24, G:223, B:186 and CMYK values of C:0.89, M:0, Y:0.17, K:0.13. Its decimal value is 1630138.

Hex triplet	18dfba	`#18dfba`
RGB Decimal	24, 223, 186	`rgb(24,223,186)`
RGB Percent	9.4, 87.5, 72.9	`rgb(9.4%,87.5%,72.9%)`
CMYK	89, 0, 17, 13
HSL	168.8°, 80.6, 48.4	`hsl(168.8,80.6%,48.4%)`
HSV (or HSB)	168.8°, 89.2, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.904, -52.879, 5.606
XYZ	35.624, 56.511, 55.482
xyY	0.241, 0.383, 56.511
CIE-LCH	79.904, 53.175, 173.948
CIE-LUV	79.904, -64.501, 16.793
Hunter-Lab	75.174, -46.965, 8.863
Binary	00011000, 11011111, 10111010

#18dfba
```
#18dfba rgb(24,223,186)
```
#df183d
```
#df183d rgb(223,24,61)
```

Complementary Color

#18df56
```
#18df56 rgb(24,223,86)
```
#18dfba
```
#18dfba rgb(24,223,186)
```
#18a1df
```
#18a1df rgb(24,161,223)
```

Analogous Color

#df5618
```
#df5618 rgb(223,86,24)
```
#18dfba
```
#18dfba rgb(24,223,186)
```
#df18a1
```
#df18a1 rgb(223,24,161)
```

Split Complementary Color

#dfba18
```
#dfba18 rgb(223,186,24)
```
#18dfba
```
#18dfba rgb(24,223,186)
```
#ba18df
```
#ba18df rgb(186,24,223)
```

Triadic Color

#3ddf18
```
#3ddf18 rgb(61,223,24)
```
#18dfba
```
#18dfba rgb(24,223,186)
```
#ba18df
```
#ba18df rgb(186,24,223)
```
#df183d
```
#df183d rgb(223,24,61)
```

Tetradic Color

#119a80
```
#119a80 rgb(17,154,128)
```
#13b194
```
#13b194 rgb(19,177,148)
```
#16c8a7
```
#16c8a7 rgb(22,200,167)
```
#18dfba
```
#18dfba rgb(24,223,186)
```
#29e8c4
```
#29e8c4 rgb(41,232,196)
```
#40eacb
```
#40eacb rgb(64,234,203)
```
#57edd1
```
#57edd1 rgb(87,237,209)
```

Monochromatic Color

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

#18df88
```
#18df88 rgb(24,223,136)
```
#18df99
```
#18df99 rgb(24,223,153)
```
#18dfa9
```
#18dfa9 rgb(24,223,169)
```
#18dfba
```
#18dfba rgb(24,223,186)
```
#18dfcb
```
#18dfcb rgb(24,223,203)
```
#18dfdb
```
#18dfdb rgb(24,223,219)
```
#18d2df
```
#18d2df rgb(24,210,223)
```

Similar Colors

Text with hexadecimal color #18dfba

This text has a font color of #18dfba.

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

#18dfba background color

This paragraph has a background color of #18dfba.

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

#18dfba border color

This element has a border color of #18dfba.

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

CSS codes

.text {color:#18dfba;}

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

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

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

#010a09
```
#010a09 rgb(1,10,9)
```
#031c18
```
#031c18 rgb(3,28,24)
```
#052e26
```
#052e26 rgb(5,46,38)
```
#074035
```
#074035 rgb(7,64,53)
```
#095144
```
#095144 rgb(9,81,68)
```
#0b6353
```
#0b6353 rgb(11,99,83)
```
#0d7561
```
#0d7561 rgb(13,117,97)
```
#0e8670
```
#0e8670 rgb(14,134,112)
```
#10987f
```
#10987f rgb(16,152,127)
```
#12aa8e
```
#12aa8e rgb(18,170,142)
```
#14bc9c
```
#14bc9c rgb(20,188,156)
```
#16cdab
```
#16cdab rgb(22,205,171)
```
#18dfba
```
#18dfba rgb(24,223,186)
```

Shade Color Variation

#23e7c3
```
#23e7c3 rgb(35,231,195)
```
#35e9c8
```
#35e9c8 rgb(53,233,200)
```
#47ebcd
```
#47ebcd rgb(71,235,205)
```
#58edd1
```
#58edd1 rgb(88,237,209)
```
#6aefd6
```
#6aefd6 rgb(106,239,214)
```
#7cf1db
```
#7cf1db rgb(124,241,219)
```
#8ef3e0
```
#8ef3e0 rgb(142,243,224)
```
#9ff5e5
```
#9ff5e5 rgb(159,245,229)
```
#b1f7ea
```
#b1f7ea rgb(177,247,234)
```
#c3f9ee
```
#c3f9ee rgb(195,249,238)
```
#d4faf3
```
#d4faf3 rgb(212,250,243)
```
#e6fcf8
```
#e6fcf8 rgb(230,252,248)
```
#f8fefd
```
#f8fefd rgb(248,254,253)
```

Tint Color Variation

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

#77807e
```
#77807e rgb(119,128,126)
```
#6e8a84
```
#6e8a84 rgb(110,138,132)
```
#64938a
```
#64938a rgb(100,147,138)
```
#5b9d90
```
#5b9d90 rgb(91,157,144)
```
#51a696
```
#51a696 rgb(81,166,150)
```
#48b09c
```
#48b09c rgb(72,176,156)
```
#3eb9a2
```
#3eb9a2 rgb(62,185,162)
```
#35c3a8
```
#35c3a8 rgb(53,195,168)
```
#2bccae
```
#2bccae rgb(43,204,174)
```
#22d6b4
```
#22d6b4 rgb(34,214,180)
```
#18dfba
```
#18dfba rgb(24,223,186)
```
#0fe9c0
```
#0fe9c0 rgb(15,233,192)
```
#05f2c6
```
#05f2c6 rgb(5,242,198)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#84aca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c8b1 Protanopia 1% of men
#dbc3c8 Deuteranopia 1% of men
#52daea Tritanopia 0.001% of the population

Trichromacy

#8ed0b4 Protanomaly 1% of men, 0.01% of women
#94cdc2 Deuteranomaly 6% of men, 0.4% of women
#3ddbd8 Tritanomaly 0.01% of the population

#18dfba hex color

#18dfba Color Information

#18dfba Color Conversion

Color Schemes with #18dfba

Alternatives to #18dfba

#18dfba Preview

Shades and Tints of #18dfba

Tones of #18dfba

Color Blindness Simulator