#18f1df hex color

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

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

● #18f1df color description : Vivid cyan.

The hexadecimal color #18f1df has RGB values of R:24, G:241, B:223 and CMYK values of C:0.9, M:0, Y:0.07, K:0.05. Its decimal value is 1634783.

Hex triplet	18f1df	`#18f1df`
RGB Decimal	24, 241, 223	`rgb(24,241,223)`
RGB Percent	9.4, 94.5, 87.5	`rgb(9.4%,94.5%,87.5%)`
CMYK	90, 0, 7, 5
HSL	175°, 88.6, 52	`hsl(175,88.6%,52%)`
HSV (or HSB)	175°, 90, 94.5
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	86.22, -50.482, -4.707
XYZ	45.147, 68.428, 80.636
xyY	0.232, 0.352, 68.428
CIE-LCH	86.22, 50.701, 185.327
CIE-LUV	86.22, -67.646, 0.6
Hunter-Lab	82.721, -47.342, 0.109
Binary	00011000, 11110001, 11011111

#18f1df
```
#18f1df rgb(24,241,223)
```
#f1182a
```
#f1182a rgb(241,24,42)
```

Complementary Color

#18f173
```
#18f173 rgb(24,241,115)
```
#18f1df
```
#18f1df rgb(24,241,223)
```
#1897f1
```
#1897f1 rgb(24,151,241)
```

Analogous Color

#f17318
```
#f17318 rgb(241,115,24)
```
#18f1df
```
#18f1df rgb(24,241,223)
```
#f11897
```
#f11897 rgb(241,24,151)
```

Split Complementary Color

#f1df18
```
#f1df18 rgb(241,223,24)
```
#18f1df
```
#18f1df rgb(24,241,223)
```
#df18f1
```
#df18f1 rgb(223,24,241)
```

Triadic Color

#2af118
```
#2af118 rgb(42,241,24)
```
#18f1df
```
#18f1df rgb(24,241,223)
```
#df18f1
```
#df18f1 rgb(223,24,241)
```
#f1182a
```
#f1182a rgb(241,24,42)
```

Tetradic Color

#0bb2a4
```
#0bb2a4 rgb(11,178,164)
```
#0ccaba
```
#0ccaba rgb(12,202,186)
```
#0ee2d0
```
#0ee2d0 rgb(14,226,208)
```
#18f1df
```
#18f1df rgb(24,241,223)
```
#30f2e2
```
#30f2e2 rgb(48,242,226)
```
#48f4e6
```
#48f4e6 rgb(72,244,230)
```
#60f5e9
```
#60f5e9 rgb(96,245,233)
```

Monochromatic Color

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

#18f1a9
```
#18f1a9 rgb(24,241,169)
```
#18f1bb
```
#18f1bb rgb(24,241,187)
```
#18f1cd
```
#18f1cd rgb(24,241,205)
```
#18f1df
```
#18f1df rgb(24,241,223)
```
#18f1f1
```
#18f1f1 rgb(24,241,241)
```
#18dff1
```
#18dff1 rgb(24,223,241)
```
#18cdf1
```
#18cdf1 rgb(24,205,241)
```

Similar Colors

Text with hexadecimal color #18f1df

This text has a font color of #18f1df.

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

#18f1df background color

This paragraph has a background color of #18f1df.

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

#18f1df border color

This element has a border color of #18f1df.

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

CSS codes

.text {color:#18f1df;}

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

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

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

#010909
```
#010909 rgb(1,9,9)
```
#021c1a
```
#021c1a rgb(2,28,26)
```
#032e2b
```
#032e2b rgb(3,46,43)
```
#04413c
```
#04413c rgb(4,65,60)
```
#05534d
```
#05534d rgb(5,83,77)
```
#06665e
```
#06665e rgb(6,102,94)
```
#07786f
```
#07786f rgb(7,120,111)
```
#088b80
```
#088b80 rgb(8,139,128)
```
#0a9d91
```
#0a9d91 rgb(10,157,145)
```
#0bb0a2
```
#0bb0a2 rgb(11,176,162)
```
#0cc2b3
```
#0cc2b3 rgb(12,194,179)
```
#0dd5c4
```
#0dd5c4 rgb(13,213,196)
```
#0ee7d5
```
#0ee7d5 rgb(14,231,213)
```

Shade Color Variation

#18f1df
```
#18f1df rgb(24,241,223)
```
#2af2e2
```
#2af2e2 rgb(42,242,226)
```
#3df3e4
```
#3df3e4 rgb(61,243,228)
```
#4ff4e7
```
#4ff4e7 rgb(79,244,231)
```
#62f5e9
```
#62f5e9 rgb(98,245,233)
```
#74f7ec
```
#74f7ec rgb(116,247,236)
```
#87f8ee
```
#87f8ee rgb(135,248,238)
```
#99f9f1
```
#99f9f1 rgb(153,249,241)
```
#acfaf3
```
#acfaf3 rgb(172,250,243)
```
#befbf6
```
#befbf6 rgb(190,251,246)
```
#d1fcf9
```
#d1fcf9 rgb(209,252,249)
```
#e3fdfb
```
#e3fdfb rgb(227,253,251)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```

Tint Color Variation

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

#808989
```
#808989 rgb(128,137,137)
```
#769390
```
#769390 rgb(118,147,144)
```
#6d9c98
```
#6d9c98 rgb(109,156,152)
```
#63a6a0
```
#63a6a0 rgb(99,166,160)
```
#5aafa8
```
#5aafa8 rgb(90,175,168)
```
#51b8b0
```
#51b8b0 rgb(81,184,176)
```
#47c2b8
```
#47c2b8 rgb(71,194,184)
```
#3ecbc0
```
#3ecbc0 rgb(62,203,192)
```
#34d5c7
```
#34d5c7 rgb(52,213,199)
```
#2bdecf
```
#2bdecf rgb(43,222,207)
```
#21e8d7
```
#21e8d7 rgb(33,232,215)
```
#18f1df
```
#18f1df rgb(24,241,223)
```
#0ffae7
```
#0ffae7 rgb(15,250,231)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#90bbb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded8d3 Protanopia 1% of men
#e5d4eb Deuteranopia 1% of men
#4bedfe Tritanopia 0.001% of the population

Trichromacy

#96e1d7 Protanomaly 1% of men, 0.01% of women
#9adee6 Deuteranomaly 6% of men, 0.4% of women
#38eef3 Tritanomaly 0.01% of the population

#18f1df hex color

#18f1df Color Information

#18f1df Color Conversion

Color Schemes with #18f1df

Alternatives to #18f1df

#18f1df Preview

Shades and Tints of #18f1df

Tones of #18f1df

Color Blindness Simulator