#18fbd4 hex color

In a RGB color space, hex #18fbd4 is composed of 9.4% red, 98.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 0% magenta, 15.5% yellow and 1.6% black. It has a hue angle of 169.7 degrees, a saturation of 96.6% and a lightness of 53.9%. #18fbd4 color hex could be obtained by blending #30ffff with #00f7a9. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 9
- G 98
- B 83
RGB color chart
- C 90
- M 0
- Y 16
- K 2
CMYK color chart

● #18fbd4 color description : Vivid cyan.

The hexadecimal color #18fbd4 has RGB values of R:24, G:251, B:212 and CMYK values of C:0.9, M:0, Y:0.16, K:0.02. Its decimal value is 1637332.

Hex triplet	18fbd4	`#18fbd4`
RGB Decimal	24, 251, 212	`rgb(24,251,212)`
RGB Percent	9.4, 98.4, 83.1	`rgb(9.4%,98.4%,83.1%)`
CMYK	90, 0, 16, 2
HSL	169.7°, 96.6, 53.9	`hsl(169.7,96.6%,53.9%)`
HSV (or HSB)	169.7°, 90.4, 98.4
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	88.893, -57.43, 4.936
XYZ	46.753, 73.937, 74.091
xyY	0.24, 0.38, 73.937
CIE-LCH	88.893, 57.641, 175.087
CIE-LUV	88.893, -71.803, 16.795
Hunter-Lab	85.987, -53.422, 9.103
Binary	00011000, 11111011, 11010100

#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#fb183f
```
#fb183f rgb(251,24,63)
```

Complementary Color

#18fb63
```
#18fb63 rgb(24,251,99)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#18b1fb
```
#18b1fb rgb(24,177,251)
```

Analogous Color

#fb6318
```
#fb6318 rgb(251,99,24)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#fb18b1
```
#fb18b1 rgb(251,24,177)
```

Split Complementary Color

#fbd418
```
#fbd418 rgb(251,212,24)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#d418fb
```
#d418fb rgb(212,24,251)
```

Triadic Color

#3ffb18
```
#3ffb18 rgb(63,251,24)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#d418fb
```
#d418fb rgb(212,24,251)
```
#fb183f
```
#fb183f rgb(251,24,63)
```

Tetradic Color

#03c3a2
```
#03c3a2 rgb(3,195,162)
```
#04dcb7
```
#04dcb7 rgb(4,220,183)
```
#04f5cc
```
#04f5cc rgb(4,245,204)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#31fbd9
```
#31fbd9 rgb(49,251,217)
```
#4afcdd
```
#4afcdd rgb(74,252,221)
```
#63fce2
```
#63fce2 rgb(99,252,226)
```

Monochromatic Color

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

#18fb9b
```
#18fb9b rgb(24,251,155)
```
#18fbae
```
#18fbae rgb(24,251,174)
```
#18fbc1
```
#18fbc1 rgb(24,251,193)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#18fbe7
```
#18fbe7 rgb(24,251,231)
```
#18fbfa
```
#18fbfa rgb(24,251,250)
```
#18e9fb
```
#18e9fb rgb(24,233,251)
```

Similar Colors

Text with hexadecimal color #18fbd4

This text has a font color of #18fbd4.

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

#18fbd4 background color

This paragraph has a background color of #18fbd4.

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

#18fbd4 border color

This element has a border color of #18fbd4.

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

CSS codes

.text {color:#18fbd4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#001410
```
#001410 rgb(0,20,16)
```
#012720
```
#012720 rgb(1,39,32)
```
#013a30
```
#013a30 rgb(1,58,48)
```
#014e40
```
#014e40 rgb(1,78,64)
```
#026150
```
#026150 rgb(2,97,80)
```
#027460
```
#027460 rgb(2,116,96)
```
#028770
```
#028770 rgb(2,135,112)
```
#039b81
```
#039b81 rgb(3,155,129)
```
#03ae91
```
#03ae91 rgb(3,174,145)
```
#03c1a1
```
#03c1a1 rgb(3,193,161)
```
#04d4b1
```
#04d4b1 rgb(4,212,177)
```
#04e8c1
```
#04e8c1 rgb(4,232,193)
```

Shade Color Variation

#05fbd0
```
#05fbd0 rgb(5,251,208)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```
#2bfbd8
```
#2bfbd8 rgb(43,251,216)
```
#3ffcdb
```
#3ffcdb rgb(63,252,219)
```
#52fcdf
```
#52fcdf rgb(82,252,223)
```
#65fce2
```
#65fce2 rgb(101,252,226)
```
#78fde6
```
#78fde6 rgb(120,253,230)
```
#8cfdea
```
#8cfdea rgb(140,253,234)
```
#9ffded
```
#9ffded rgb(159,253,237)
```
#b2fef1
```
#b2fef1 rgb(178,254,241)
```
#c6fef4
```
#c6fef4 rgb(198,254,244)
```
#d9fef8
```
#d9fef8 rgb(217,254,248)
```
#ecfffb
```
#ecfffb rgb(236,255,251)
```

Tint Color Variation

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

#848f8d
```
#848f8d rgb(132,143,141)
```
#7b9893
```
#7b9893 rgb(123,152,147)
```
#72a199
```
#72a199 rgb(114,161,153)
```
#69aa9f
```
#69aa9f rgb(105,170,159)
```
#60b3a5
```
#60b3a5 rgb(96,179,165)
```
#57bcaa
```
#57bcaa rgb(87,188,170)
```
#4ec5b0
```
#4ec5b0 rgb(78,197,176)
```
#45ceb6
```
#45ceb6 rgb(69,206,182)
```
#3cd7bc
```
#3cd7bc rgb(60,215,188)
```
#33e0c2
```
#33e0c2 rgb(51,224,194)
```
#2ae9c8
```
#2ae9c8 rgb(42,233,200)
```
#21f2ce
```
#21f2ce rgb(33,242,206)
```
#18fbd4
```
#18fbd4 rgb(24,251,212)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#94c1ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae0c8 Protanopia 1% of men
#f4dae1 Deuteranopia 1% of men
#87f0ff Tritanopia 0.001% of the population

Trichromacy

#9de9cc Protanomaly 1% of men, 0.01% of women
#a4e6dc Deuteranomaly 6% of men, 0.4% of women
#5ef4ef Tritanomaly 0.01% of the population

#18fbd4 hex color

#18fbd4 Color Information

#18fbd4 Color Conversion

Color Schemes with #18fbd4

Alternatives to #18fbd4

#18fbd4 Preview

Shades and Tints of #18fbd4

Tones of #18fbd4

Color Blindness Simulator