#18fbf9 hex color

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

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

● #18fbf9 color description : Vivid cyan.

The hexadecimal color #18fbf9 has RGB values of R:24, G:251, B:249 and CMYK values of C:0.9, M:0, Y:0.01, K:0.02. Its decimal value is 1637369.

Hex triplet	18fbf9	`#18fbf9`
RGB Decimal	24, 251, 249	`rgb(24,251,249)`
RGB Percent	9.4, 98.4, 97.6	`rgb(9.4%,98.4%,97.6%)`
CMYK	90, 0, 1, 2
HSL	179.5°, 96.6, 53.9	`hsl(179.5,96.6%,53.9%)`
HSV (or HSB)	179.5°, 90.4, 98.4
Web Safe	00ffff	`#00ffff`

CIE-LAB	89.87, -47.483, -12.873
XYZ	51.967, 76.023, 101.552
xyY	0.226, 0.331, 76.023
CIE-LCH	89.87, 49.197, 195.168
CIE-LUV	89.87, -68.906, -13.173
Hunter-Lab	87.191, -46.195, -8.022
Binary	00011000, 11111011, 11111001

#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#fb181a
```
#fb181a rgb(251,24,26)
```

Complementary Color

#18fb88
```
#18fb88 rgb(24,251,136)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#188cfb
```
#188cfb rgb(24,140,251)
```

Analogous Color

#fb8818
```
#fb8818 rgb(251,136,24)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#fb188c
```
#fb188c rgb(251,24,140)
```

Split Complementary Color

#fbf918
```
#fbf918 rgb(251,249,24)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#f918fb
```
#f918fb rgb(249,24,251)
```

Triadic Color

#1afb18
```
#1afb18 rgb(26,251,24)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#f918fb
```
#f918fb rgb(249,24,251)
```
#fb181a
```
#fb181a rgb(251,24,26)
```

Tetradic Color

#03c3c1
```
#03c3c1 rgb(3,195,193)
```
#04dcda
```
#04dcda rgb(4,220,218)
```
#04f5f3
```
#04f5f3 rgb(4,245,243)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#31fbfa
```
#31fbfa rgb(49,251,250)
```
#4afcfa
```
#4afcfa rgb(74,252,250)
```
#63fcfb
```
#63fcfb rgb(99,252,251)
```

Monochromatic Color

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

#18fbc0
```
#18fbc0 rgb(24,251,192)
```
#18fbd3
```
#18fbd3 rgb(24,251,211)
```
#18fbe6
```
#18fbe6 rgb(24,251,230)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#18eafb
```
#18eafb rgb(24,234,251)
```
#18d7fb
```
#18d7fb rgb(24,215,251)
```
#18c4fb
```
#18c4fb rgb(24,196,251)
```

Similar Colors

Text with hexadecimal color #18fbf9

This text has a font color of #18fbf9.

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

#18fbf9 background color

This paragraph has a background color of #18fbf9.

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

#18fbf9 border color

This element has a border color of #18fbf9.

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

CSS codes

.text {color:#18fbf9;}

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

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

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 #ecffff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#001413
```
#001413 rgb(0,20,19)
```
#012727
```
#012727 rgb(1,39,39)
```
#013a3a
```
#013a3a rgb(1,58,58)
```
#014e4d
```
#014e4d rgb(1,78,77)
```
#026160
```
#026160 rgb(2,97,96)
```
#027473
```
#027473 rgb(2,116,115)
```
#028786
```
#028786 rgb(2,135,134)
```
#039b99
```
#039b99 rgb(3,155,153)
```
#03aeac
```
#03aeac rgb(3,174,172)
```
#03c1c0
```
#03c1c0 rgb(3,193,192)
```
#04d4d3
```
#04d4d3 rgb(4,212,211)
```
#04e8e6
```
#04e8e6 rgb(4,232,230)
```

Shade Color Variation

#05fbf8
```
#05fbf8 rgb(5,251,248)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```
#2bfbfa
```
#2bfbfa rgb(43,251,250)
```
#3ffcfa
```
#3ffcfa rgb(63,252,250)
```
#52fcfb
```
#52fcfb rgb(82,252,251)
```
#65fcfb
```
#65fcfb rgb(101,252,251)
```
#78fdfc
```
#78fdfc rgb(120,253,252)
```
#8cfdfc
```
#8cfdfc rgb(140,253,252)
```
#9ffdfd
```
#9ffdfd rgb(159,253,253)
```
#b2fefd
```
#b2fefd rgb(178,254,253)
```
#c6fefe
```
#c6fefe rgb(198,254,254)
```
#d9fefe
```
#d9fefe rgb(217,254,254)
```
#ecffff
```
#ecffff rgb(236,255,255)
```

Tint Color Variation

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

#848f8e
```
#848f8e rgb(132,143,142)
```
#7b9897
```
#7b9897 rgb(123,152,151)
```
#72a1a0
```
#72a1a0 rgb(114,161,160)
```
#69aaa9
```
#69aaa9 rgb(105,170,169)
```
#60b3b2
```
#60b3b2 rgb(96,179,178)
```
#57bcbb
```
#57bcbb rgb(87,188,187)
```
#4ec5c4
```
#4ec5c4 rgb(78,197,196)
```
#45cecd
```
#45cecd rgb(69,206,205)
```
#3cd7d5
```
#3cd7d5 rgb(60,215,213)
```
#33e0de
```
#33e0de rgb(51,224,222)
```
#2ae9e7
```
#2ae9e7 rgb(42,233,231)
```
#21f2f0
```
#21f2f0 rgb(33,242,240)
```
#18fbf9
```
#18fbf9 rgb(24,251,249)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#97c5c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e2eb Protanopia 1% of men
#e7dfff Deuteranopia 1% of men
#93f1ff Tritanopia 0.001% of the population

Trichromacy

#9aebf0 Protanomaly 1% of men, 0.01% of women
#9ce9fc Deuteranomaly 6% of men, 0.4% of women
#66f5fc Tritanomaly 0.01% of the population

#18fbf9 hex color

#18fbf9 Color Information

#18fbf9 Color Conversion

Color Schemes with #18fbf9

Alternatives to #18fbf9

#18fbf9 Preview

Shades and Tints of #18fbf9

Tones of #18fbf9

Color Blindness Simulator