#18fdd9 hex color

In a RGB color space, hex #18fdd9 is composed of 9.4% red, 99.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 0% magenta, 14.2% yellow and 0.8% black. It has a hue angle of 170.6 degrees, a saturation of 98.3% and a lightness of 54.3%. #18fdd9 color hex could be obtained by blending #30ffff with #00fbb3. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 9
- G 99
- B 85
RGB color chart
- C 91
- M 0
- Y 14
- K 1
CMYK color chart

● #18fdd9 color description : Vivid cyan.

The hexadecimal color #18fdd9 has RGB values of R:24, G:253, B:217 and CMYK values of C:0.91, M:0, Y:0.14, K:0.01. Its decimal value is 1637849.

Hex triplet	18fdd9	`#18fdd9`
RGB Decimal	24, 253, 217	`rgb(24,253,217)`
RGB Percent	9.4, 99.2, 85.1	`rgb(9.4%,99.2%,85.1%)`
CMYK	91, 0, 14, 1
HSL	170.6°, 98.3, 54.3	`hsl(170.6,98.3%,54.3%)`
HSV (or HSB)	170.6°, 90.5, 99.2
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	89.603, -56.953, 3.37
XYZ	48.022, 75.449, 77.674
xyY	0.239, 0.375, 75.449
CIE-LCH	89.603, 57.053, 176.614
CIE-LUV	89.603, -72.076, 14.335
Hunter-Lab	86.862, -53.323, 7.784
Binary	00011000, 11111101, 11011001

#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#fd183c
```
#fd183c rgb(253,24,60)
```

Complementary Color

#18fd67
```
#18fd67 rgb(24,253,103)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#18affd
```
#18affd rgb(24,175,253)
```

Analogous Color

#fd6718
```
#fd6718 rgb(253,103,24)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#fd18af
```
#fd18af rgb(253,24,175)
```

Split Complementary Color

#fdd918
```
#fdd918 rgb(253,217,24)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#d918fd
```
#d918fd rgb(217,24,253)
```

Triadic Color

#3cfd18
```
#3cfd18 rgb(60,253,24)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#d918fd
```
#d918fd rgb(217,24,253)
```
#fd183c
```
#fd183c rgb(253,24,60)
```

Tetradic Color

#02c7a8
```
#02c7a8 rgb(2,199,168)
```
#02e0bd
```
#02e0bd rgb(2,224,189)
```
#02f9d2
```
#02f9d2 rgb(2,249,210)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#31fddd
```
#31fddd rgb(49,253,221)
```
#4bfde1
```
#4bfde1 rgb(75,253,225)
```
#64fee5
```
#64fee5 rgb(100,254,229)
```

Monochromatic Color

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

#18fda0
```
#18fda0 rgb(24,253,160)
```
#18fdb3
```
#18fdb3 rgb(24,253,179)
```
#18fdc6
```
#18fdc6 rgb(24,253,198)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#18fdec
```
#18fdec rgb(24,253,236)
```
#18fbfd
```
#18fbfd rgb(24,251,253)
```
#18e8fd
```
#18e8fd rgb(24,232,253)
```

Similar Colors

Text with hexadecimal color #18fdd9

This text has a font color of #18fdd9.

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

#18fdd9 background color

This paragraph has a background color of #18fdd9.

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

#18fdd9 border color

This element has a border color of #18fdd9.

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

CSS codes

.text {color:#18fdd9;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001612
```
#001612 rgb(0,22,18)
```
#002923
```
#002923 rgb(0,41,35)
```
#013d33
```
#013d33 rgb(1,61,51)
```
#015044
```
#015044 rgb(1,80,68)
```
#016454
```
#016454 rgb(1,100,84)
```
#017764
```
#017764 rgb(1,119,100)
```
#018a75
```
#018a75 rgb(1,138,117)
```
#019e85
```
#019e85 rgb(1,158,133)
```
#02b196
```
#02b196 rgb(2,177,150)
```
#02c5a6
```
#02c5a6 rgb(2,197,166)
```
#02d8b7
```
#02d8b7 rgb(2,216,183)
```
#02ecc7
```
#02ecc7 rgb(2,236,199)
```

Shade Color Variation

#05fdd6
```
#05fdd6 rgb(5,253,214)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```
#2bfddc
```
#2bfddc rgb(43,253,220)
```
#3ffddf
```
#3ffddf rgb(63,253,223)
```
#52fee3
```
#52fee3 rgb(82,254,227)
```
#66fee6
```
#66fee6 rgb(102,254,230)
```
#79fee9
```
#79fee9 rgb(121,254,233)
```
#8dfeec
```
#8dfeec rgb(141,254,236)
```
#a0feef
```
#a0feef rgb(160,254,239)
```
#b4fef3
```
#b4fef3 rgb(180,254,243)
```
#c7fff6
```
#c7fff6 rgb(199,255,246)
```
#dafff9
```
#dafff9 rgb(218,255,249)
```
#eefffc
```
#eefffc rgb(238,255,252)
```

Tint Color Variation

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

#84918f
```
#84918f rgb(132,145,143)
```
#7b9a95
```
#7b9a95 rgb(123,154,149)
```
#72a39c
```
#72a39c rgb(114,163,156)
```
#69aca2
```
#69aca2 rgb(105,172,162)
```
#60b5a8
```
#60b5a8 rgb(96,181,168)
```
#57beae
```
#57beae rgb(87,190,174)
```
#4ec7b4
```
#4ec7b4 rgb(78,199,180)
```
#45d0ba
```
#45d0ba rgb(69,208,186)
```
#3cd9c0
```
#3cd9c0 rgb(60,217,192)
```
#33e2c7
```
#33e2c7 rgb(51,226,199)
```
#2aebcd
```
#2aebcd rgb(42,235,205)
```
#21f4d3
```
#21f4d3 rgb(33,244,211)
```
#18fdd9
```
#18fdd9 rgb(24,253,217)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#95c3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebe2cd Protanopia 1% of men
#f5dce6 Deuteranopia 1% of men
#92f1ff Tritanopia 0.001% of the population

Trichromacy

#9eebd1 Protanomaly 1% of men, 0.01% of women
#a5e8e1 Deuteranomaly 6% of men, 0.4% of women
#65f5f1 Tritanomaly 0.01% of the population

#18fdd9 hex color

#18fdd9 Color Information

#18fdd9 Color Conversion

Color Schemes with #18fdd9

Alternatives to #18fdd9

#18fdd9 Preview

Shades and Tints of #18fdd9

Tones of #18fdd9

Color Blindness Simulator