#18d8f7 hex color

In a RGB color space, hex #18d8f7 is composed of 9.4% red, 84.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 90.3% cyan, 12.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 188.3 degrees, a saturation of 93.3% and a lightness of 53.1%. #18d8f7 color hex could be obtained by blending #30ffff with #00b1ef. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 85
- B 97
RGB color chart
- C 90
- M 13
- Y 0
- K 3
CMYK color chart

● #18d8f7 color description : Vivid cyan.

The hexadecimal color #18d8f7 has RGB values of R:24, G:216, B:247 and CMYK values of C:0.9, M:0.13, Y:0, K:0.03. Its decimal value is 1628407.

Hex triplet	18d8f7	`#18d8f7`
RGB Decimal	24, 216, 247	`rgb(24,216,247)`
RGB Percent	9.4, 84.7, 96.9	`rgb(9.4%,84.7%,96.9%)`
CMYK	90, 13, 0, 3
HSL	188.3°, 93.3, 53.1	`hsl(188.3,93.3%,53.1%)`
HSV (or HSB)	188.3°, 90.3, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.624, -32.192, -27.312
XYZ	41.716, 56.017, 96.604
xyY	0.215, 0.288, 56.017
CIE-LCH	79.624, 42.217, 220.312
CIE-LUV	79.624, -57.384, -39.429
Hunter-Lab	74.845, -31.487, -24.136
Binary	00011000, 11011000, 11110111

#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#f73718
```
#f73718 rgb(247,55,24)
```

Complementary Color

#18f7a7
```
#18f7a7 rgb(24,247,167)
```
#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#1869f7
```
#1869f7 rgb(24,105,247)
```

Analogous Color

#f7a718
```
#f7a718 rgb(247,167,24)
```
#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#f71869
```
#f71869 rgb(247,24,105)
```

Split Complementary Color

#d8f718
```
#d8f718 rgb(216,247,24)
```
#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#f718d8
```
#f718d8 rgb(247,24,216)
```

Triadic Color

#18f737
```
#18f737 rgb(24,247,55)
```
#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#f718d8
```
#f718d8 rgb(247,24,216)
```
#f73718
```
#f73718 rgb(247,55,24)
```

Tetradic Color

#07a3bc
```
#07a3bc rgb(7,163,188)
```
#07b8d5
```
#07b8d5 rgb(7,184,213)
```
#08cded
```
#08cded rgb(8,205,237)
```
#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#31dcf8
```
#31dcf8 rgb(49,220,248)
```
#49e0f9
```
#49e0f9 rgb(73,224,249)
```
#62e4fa
```
#62e4fa rgb(98,228,250)
```

Monochromatic Color

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

#18f7de
```
#18f7de rgb(24,247,222)
```
#18f7f1
```
#18f7f1 rgb(24,247,241)
```
#18ebf7
```
#18ebf7 rgb(24,235,247)
```
#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#18c5f7
```
#18c5f7 rgb(24,197,247)
```
#18b3f7
```
#18b3f7 rgb(24,179,247)
```
#18a0f7
```
#18a0f7 rgb(24,160,247)
```

Similar Colors

Text with hexadecimal color #18d8f7

This text has a font color of #18d8f7.

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

#18d8f7 background color

This paragraph has a background color of #18d8f7.

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

#18d8f7 border color

This element has a border color of #18d8f7.

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

CSS codes

.text {color:#18d8f7;}

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

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

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

#010d0f
```
#010d0f rgb(1,13,15)
```
#011e22
```
#011e22 rgb(1,30,34)
```
#022e35
```
#022e35 rgb(2,46,53)
```
#033f48
```
#033f48 rgb(3,63,72)
```
#034f5b
```
#034f5b rgb(3,79,91)
```
#045f6e
```
#045f6e rgb(4,95,110)
```
#047081
```
#047081 rgb(4,112,129)
```
#058094
```
#058094 rgb(5,128,148)
```
#0691a7
```
#0691a7 rgb(6,145,167)
```
#06a1ba
```
#06a1ba rgb(6,161,186)
```
#07b2cd
```
#07b2cd rgb(7,178,205)
```
#08c2e0
```
#08c2e0 rgb(8,194,224)
```
#08d2f3
```
#08d2f3 rgb(8,210,243)
```

Shade Color Variation

#18d8f7
```
#18d8f7 rgb(24,216,247)
```
#2bdbf8
```
#2bdbf8 rgb(43,219,248)
```
#3edef8
```
#3edef8 rgb(62,222,248)
```
#51e2f9
```
#51e2f9 rgb(81,226,249)
```
#64e5fa
```
#64e5fa rgb(100,229,250)
```
#77e8fa
```
#77e8fa rgb(119,232,250)
```
#8aebfb
```
#8aebfb rgb(138,235,251)
```
#9deefc
```
#9deefc rgb(157,238,252)
```
#b0f2fc
```
#b0f2fc rgb(176,242,252)
```
#c3f5fd
```
#c3f5fd rgb(195,245,253)
```
#d6f8fe
```
#d6f8fe rgb(214,248,254)
```
#e9fbfe
```
#e9fbfe rgb(233,251,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#868889
```
#868889 rgb(134,136,137)
```
#7d8f92
```
#7d8f92 rgb(125,143,146)
```
#74969b
```
#74969b rgb(116,150,155)
```
#6b9ca4
```
#6b9ca4 rgb(107,156,164)
```
#62a3ad
```
#62a3ad rgb(98,163,173)
```
#58aab7
```
#58aab7 rgb(88,170,183)
```
#4fb0c0
```
#4fb0c0 rgb(79,176,192)
```
#46b7c9
```
#46b7c9 rgb(70,183,201)
```
#3dbdd2
```
#3dbdd2 rgb(61,189,210)
```
#34c4db
```
#34c4db rgb(52,196,219)
```
#2acbe5
```
#2acbe5 rgb(42,203,229)
```
#21d1ee
```
#21d1ee rgb(33,209,238)
```
#18d8f7
```
#18d8f7 rgb(24,216,247)
```

Tone Color Variation

Below, you can see how #18d8f7 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
#86adb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c6eb Protanopia 1% of men
#bbc5ff Deuteranopia 1% of men
#00dbeb Tritanopia 0.001% of the population

Trichromacy

#83ccef Protanomaly 1% of men, 0.01% of women
#7fccfc Deuteranomaly 6% of men, 0.4% of women
#08daef Tritanomaly 0.01% of the population

#18d8f7 hex color

#18d8f7 Color Information

#18d8f7 Color Conversion

Color Schemes with #18d8f7

Alternatives to #18d8f7

#18d8f7 Preview

Shades and Tints of #18d8f7

Tones of #18d8f7

Color Blindness Simulator