#18ddc5 hex color

In a RGB color space, hex #18ddc5 is composed of 9.4% red, 86.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 89.1% cyan, 0% magenta, 10.9% yellow and 13.3% black. It has a hue angle of 172.7 degrees, a saturation of 80.4% and a lightness of 48%. #18ddc5 color hex could be obtained by blending #30ffff with #00bb8b. Closest websafe color is: #00cccc.

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

● #18ddc5 color description : Vivid cyan.

The hexadecimal color #18ddc5 has RGB values of R:24, G:221, B:197 and CMYK values of C:0.89, M:0, Y:0.11, K:0.13. Its decimal value is 1629637.

Hex triplet	18ddc5	`#18ddc5`
RGB Decimal	24, 221, 197	`rgb(24,221,197)`
RGB Percent	9.4, 86.7, 77.3	`rgb(9.4%,86.7%,77.3%)`
CMYK	89, 0, 11, 13
HSL	172.7°, 80.4, 48	`hsl(172.7,80.4%,48%)`
HSV (or HSB)	172.7°, 89.1, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.577, -49.177, -0.718
XYZ	36.308, 55.935, 61.703
xyY	0.236, 0.363, 55.935
CIE-LCH	79.577, 49.182, 180.837
CIE-LUV	79.577, -62.986, 6.605
Hunter-Lab	74.789, -44.226, 3.437
Binary	00011000, 11011101, 11000101

#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#dd1830
```
#dd1830 rgb(221,24,48)
```

Complementary Color

#18dd63
```
#18dd63 rgb(24,221,99)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#1893dd
```
#1893dd rgb(24,147,221)
```

Analogous Color

#dd6318
```
#dd6318 rgb(221,99,24)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#dd1893
```
#dd1893 rgb(221,24,147)
```

Split Complementary Color

#ddc518
```
#ddc518 rgb(221,197,24)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#c518dd
```
#c518dd rgb(197,24,221)
```

Triadic Color

#30dd18
```
#30dd18 rgb(48,221,24)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#c518dd
```
#c518dd rgb(197,24,221)
```
#dd1830
```
#dd1830 rgb(221,24,48)
```

Tetradic Color

#119887
```
#119887 rgb(17,152,135)
```
#13af9c
```
#13af9c rgb(19,175,156)
```
#16c6b0
```
#16c6b0 rgb(22,198,176)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#27e8d0
```
#27e8d0 rgb(39,232,208)
```
#3eead5
```
#3eead5 rgb(62,234,213)
```
#55edda
```
#55edda rgb(85,237,218)
```

Monochromatic Color

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

#18dd94
```
#18dd94 rgb(24,221,148)
```
#18dda4
```
#18dda4 rgb(24,221,164)
```
#18ddb5
```
#18ddb5 rgb(24,221,181)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#18ddd5
```
#18ddd5 rgb(24,221,213)
```
#18d4dd
```
#18d4dd rgb(24,212,221)
```
#18c4dd
```
#18c4dd rgb(24,196,221)
```

Similar Colors

Text with hexadecimal color #18ddc5

This text has a font color of #18ddc5.

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

#18ddc5 background color

This paragraph has a background color of #18ddc5.

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

#18ddc5 border color

This element has a border color of #18ddc5.

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

CSS codes

.text {color:#18ddc5;}

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

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

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, #010908 is the darkest color, while #f6fefd is the lightest one.

#010908
```
#010908 rgb(1,9,8)
```
#031a18
```
#031a18 rgb(3,26,24)
```
#052c27
```
#052c27 rgb(5,44,39)
```
#073e37
```
#073e37 rgb(7,62,55)
```
#094f47
```
#094f47 rgb(9,79,71)
```
#0b6157
```
#0b6157 rgb(11,97,87)
```
#0c7366
```
#0c7366 rgb(12,115,102)
```
#0e8576
```
#0e8576 rgb(14,133,118)
```
#109686
```
#109686 rgb(16,150,134)
```
#12a896
```
#12a896 rgb(18,168,150)
```
#14baa5
```
#14baa5 rgb(20,186,165)
```
#16cbb5
```
#16cbb5 rgb(22,203,181)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```

Shade Color Variation

#22e7cf
```
#22e7cf rgb(34,231,207)
```
#33e9d3
```
#33e9d3 rgb(51,233,211)
```
#45ebd7
```
#45ebd7 rgb(69,235,215)
```
#57edda
```
#57edda rgb(87,237,218)
```
#68efde
```
#68efde rgb(104,239,222)
```
#7af1e2
```
#7af1e2 rgb(122,241,226)
```
#8cf2e6
```
#8cf2e6 rgb(140,242,230)
```
#9ef4ea
```
#9ef4ea rgb(158,244,234)
```
#aff6ee
```
#aff6ee rgb(175,246,238)
```
#c1f8f2
```
#c1f8f2 rgb(193,248,242)
```
#d3faf5
```
#d3faf5 rgb(211,250,245)
```
#e4fcf9
```
#e4fcf9 rgb(228,252,249)
```
#f6fefd
```
#f6fefd rgb(246,254,253)
```

Tint Color Variation

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

#767f7e
```
#767f7e rgb(118,127,126)
```
#6d8885
```
#6d8885 rgb(109,136,133)
```
#63928c
```
#63928c rgb(99,146,140)
```
#5a9b93
```
#5a9b93 rgb(90,155,147)
```
#51a49a
```
#51a49a rgb(81,164,154)
```
#47aea1
```
#47aea1 rgb(71,174,161)
```
#3eb7a8
```
#3eb7a8 rgb(62,183,168)
```
#34c1b0
```
#34c1b0 rgb(52,193,176)
```
#2bcab7
```
#2bcab7 rgb(43,202,183)
```
#21d4be
```
#21d4be rgb(33,212,190)
```
#18ddc5
```
#18ddc5 rgb(24,221,197)
```
#0fe6cc
```
#0fe6cc rgb(15,230,204)
```
#05f0d3
```
#05f0d3 rgb(5,240,211)
```

Tone Color Variation

Below, you can see how #18ddc5 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
#84aba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec7bc Protanopia 1% of men
#d5c2d2 Deuteranopia 1% of men
#4bd9e9 Tritanopia 0.001% of the population

Trichromacy

#8ccfbf Protanomaly 1% of men, 0.01% of women
#90cccd Deuteranomaly 6% of men, 0.4% of women
#38dadc Tritanomaly 0.01% of the population

#18ddc5 hex color

#18ddc5 Color Information

#18ddc5 Color Conversion

Color Schemes with #18ddc5

Alternatives to #18ddc5

#18ddc5 Preview

Shades and Tints of #18ddc5

Tones of #18ddc5

Color Blindness Simulator