#18d6f1 hex color

In a RGB color space, hex #18d6f1 is composed of 9.4% red, 83.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 11.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 187.5 degrees, a saturation of 88.6% and a lightness of 52%. #18d6f1 color hex could be obtained by blending #30ffff with #00ade3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 84
- B 95
RGB color chart
- C 90
- M 11
- Y 0
- K 5
CMYK color chart

● #18d6f1 color description : Vivid cyan.

The hexadecimal color #18d6f1 has RGB values of R:24, G:214, B:241 and CMYK values of C:0.9, M:0.11, Y:0, K:0.05. Its decimal value is 1627889.

Hex triplet	18d6f1	`#18d6f1`
RGB Decimal	24, 214, 241	`rgb(24,214,241)`
RGB Percent	9.4, 83.9, 94.5	`rgb(9.4%,83.9%,94.5%)`
CMYK	90, 11, 0, 5
HSL	187.5°, 88.6, 52	`hsl(187.5,88.6%,52%)`
HSV (or HSB)	187.5°, 90, 94.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	78.83, -33.134, -25.327
XYZ	40.296, 54.634, 91.636
xyY	0.216, 0.293, 54.634
CIE-LCH	78.83, 41.706, 217.394
CIE-LUV	78.83, -57.175, -35.873
Hunter-Lab	73.915, -32.039, -21.764
Binary	00011000, 11010110, 11110001

#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#f13318
```
#f13318 rgb(241,51,24)
```

Complementary Color

#18f1a0
```
#18f1a0 rgb(24,241,160)
```
#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#186af1
```
#186af1 rgb(24,106,241)
```

Analogous Color

#f1a018
```
#f1a018 rgb(241,160,24)
```
#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#f1186a
```
#f1186a rgb(241,24,106)
```

Split Complementary Color

#d6f118
```
#d6f118 rgb(214,241,24)
```
#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#f118d6
```
#f118d6 rgb(241,24,214)
```

Triadic Color

#18f133
```
#18f133 rgb(24,241,51)
```
#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#f118d6
```
#f118d6 rgb(241,24,214)
```
#f13318
```
#f13318 rgb(241,51,24)
```

Tetradic Color

#0b9db2
```
#0b9db2 rgb(11,157,178)
```
#0cb2ca
```
#0cb2ca rgb(12,178,202)
```
#0ec7e2
```
#0ec7e2 rgb(14,199,226)
```
#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#30daf2
```
#30daf2 rgb(48,218,242)
```
#48dff4
```
#48dff4 rgb(72,223,244)
```
#60e3f5
```
#60e3f5 rgb(96,227,245)
```

Monochromatic Color

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

#18f1d6
```
#18f1d6 rgb(24,241,214)
```
#18f1e8
```
#18f1e8 rgb(24,241,232)
```
#18e8f1
```
#18e8f1 rgb(24,232,241)
```
#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#18c4f1
```
#18c4f1 rgb(24,196,241)
```
#18b2f1
```
#18b2f1 rgb(24,178,241)
```
#18a0f1
```
#18a0f1 rgb(24,160,241)
```

Similar Colors

Text with hexadecimal color #18d6f1

This text has a font color of #18d6f1.

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

#18d6f1 background color

This paragraph has a background color of #18d6f1.

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

#18d6f1 border color

This element has a border color of #18d6f1.

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

CSS codes

.text {color:#18d6f1;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#02191c
```
#02191c rgb(2,25,28)
```
#03292e
```
#03292e rgb(3,41,46)
```
#043941
```
#043941 rgb(4,57,65)
```
#054a53
```
#054a53 rgb(5,74,83)
```
#065a66
```
#065a66 rgb(6,90,102)
```
#076a78
```
#076a78 rgb(7,106,120)
```
#087b8b
```
#087b8b rgb(8,123,139)
```
#0a8b9d
```
#0a8b9d rgb(10,139,157)
```
#0b9bb0
```
#0b9bb0 rgb(11,155,176)
```
#0cacc2
```
#0cacc2 rgb(12,172,194)
```
#0dbcd5
```
#0dbcd5 rgb(13,188,213)
```
#0ecce7
```
#0ecce7 rgb(14,204,231)
```

Shade Color Variation

#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#2ad9f2
```
#2ad9f2 rgb(42,217,242)
```
#3dddf3
```
#3dddf3 rgb(61,221,243)
```
#4fe0f4
```
#4fe0f4 rgb(79,224,244)
```
#62e3f5
```
#62e3f5 rgb(98,227,245)
```
#74e6f7
```
#74e6f7 rgb(116,230,247)
```
#87eaf8
```
#87eaf8 rgb(135,234,248)
```
#99edf9
```
#99edf9 rgb(153,237,249)
```
#acf0fa
```
#acf0fa rgb(172,240,250)
```
#bef4fb
```
#bef4fb rgb(190,244,251)
```
#d1f7fc
```
#d1f7fc rgb(209,247,252)
```
#e3fafd
```
#e3fafd rgb(227,250,253)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#808889
```
#808889 rgb(128,136,137)
```
#768f93
```
#768f93 rgb(118,143,147)
```
#6d969c
```
#6d969c rgb(109,150,156)
```
#639da6
```
#639da6 rgb(99,157,166)
```
#5aa4af
```
#5aa4af rgb(90,164,175)
```
#51acb8
```
#51acb8 rgb(81,172,184)
```
#47b3c2
```
#47b3c2 rgb(71,179,194)
```
#3ebacb
```
#3ebacb rgb(62,186,203)
```
#34c1d5
```
#34c1d5 rgb(52,193,213)
```
#2bc8de
```
#2bc8de rgb(43,200,222)
```
#21cfe8
```
#21cfe8 rgb(33,207,232)
```
#18d6f1
```
#18d6f1 rgb(24,214,241)
```
#0fddfa
```
#0fddfa rgb(15,221,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#85abb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc4e5 Protanopia 1% of men
#bbc3f9 Deuteranopia 1% of men
#00d9e9 Tritanopia 0.001% of the population

Trichromacy

#82cae9 Protanomaly 1% of men, 0.01% of women
#80c9f6 Deuteranomaly 6% of men, 0.4% of women
#08d8ec Tritanomaly 0.01% of the population

#18d6f1 hex color

#18d6f1 Color Information

#18d6f1 Color Conversion

Color Schemes with #18d6f1

Alternatives to #18d6f1

#18d6f1 Preview

Shades and Tints of #18d6f1

Tones of #18d6f1

Color Blindness Simulator