#18f2fa hex color

In a RGB color space, hex #18f2fa is composed of 9.4% red, 94.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 3.2% magenta, 0% yellow and 2% black. It has a hue angle of 182.1 degrees, a saturation of 95.8% and a lightness of 53.7%. #18f2fa color hex could be obtained by blending #30ffff with #00e5f5. Closest websafe color is: #00ffff.

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

● #18f2fa color description : Vivid cyan.

The hexadecimal color #18f2fa has RGB values of R:24, G:242, B:250 and CMYK values of C:0.9, M:0.03, Y:0, K:0.02. Its decimal value is 1635066.

Hex triplet	18f2fa	`#18f2fa`
RGB Decimal	24, 242, 250	`rgb(24,242,250)`
RGB Percent	9.4, 94.9, 98	`rgb(9.4%,94.9%,98%)`
CMYK	90, 3, 0, 2
HSL	182.1°, 95.8, 53.7	`hsl(182.1,95.8%,53.7%)`
HSV (or HSB)	182.1°, 90.4, 98
Web Safe	00ffff	`#00ffff`

CIE-LAB	87.288, -43.258, -17.265
XYZ	49.379, 70.596, 101.461
xyY	0.223, 0.319, 70.596
CIE-LCH	87.288, 46.577, 201.758
CIE-LUV	87.288, -65.844, -21.091
Hunter-Lab	84.021, -42.133, -12.782
Binary	00011000, 11110010, 11111010

#18f2fa
```
#18f2fa rgb(24,242,250)
```
#fa2018
```
#fa2018 rgb(250,32,24)
```

Complementary Color

#18fa91
```
#18fa91 rgb(24,250,145)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```
#1881fa
```
#1881fa rgb(24,129,250)
```

Analogous Color

#fa9118
```
#fa9118 rgb(250,145,24)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```
#fa1881
```
#fa1881 rgb(250,24,129)
```

Split Complementary Color

#f2fa18
```
#f2fa18 rgb(242,250,24)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```
#fa18f2
```
#fa18f2 rgb(250,24,242)
```

Triadic Color

#18fa20
```
#18fa20 rgb(24,250,32)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```
#fa18f2
```
#fa18f2 rgb(250,24,242)
```
#fa2018
```
#fa2018 rgb(250,32,24)
```

Tetradic Color

#04bbc1
```
#04bbc1 rgb(4,187,193)
```
#05d3da
```
#05d3da rgb(5,211,218)
```
#05ebf3
```
#05ebf3 rgb(5,235,243)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```
#31f3fb
```
#31f3fb rgb(49,243,251)
```
#4af5fb
```
#4af5fb rgb(74,245,251)
```
#63f6fc
```
#63f6fc rgb(99,246,252)
```

Monochromatic Color

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

#18faca
```
#18faca rgb(24,250,202)
```
#18fadc
```
#18fadc rgb(24,250,220)
```
#18faef
```
#18faef rgb(24,250,239)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```
#18dffa
```
#18dffa rgb(24,223,250)
```
#18ccfa
```
#18ccfa rgb(24,204,250)
```
#18bafa
```
#18bafa rgb(24,186,250)
```

Similar Colors

Text with hexadecimal color #18f2fa

This text has a font color of #18f2fa.

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

#18f2fa background color

This paragraph has a background color of #18f2fa.

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

#18f2fa border color

This element has a border color of #18f2fa.

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

CSS codes

.text {color:#18f2fa;}

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

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

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

#001213
```
#001213 rgb(0,18,19)
```
#012426
```
#012426 rgb(1,36,38)
```
#013739
```
#013739 rgb(1,55,57)
```
#024a4c
```
#024a4c rgb(2,74,76)
```
#025c5f
```
#025c5f rgb(2,92,95)
```
#026f73
```
#026f73 rgb(2,111,115)
```
#038186
```
#038186 rgb(3,129,134)
```
#039499
```
#039499 rgb(3,148,153)
```
#04a6ac
```
#04a6ac rgb(4,166,172)
```
#04b9bf
```
#04b9bf rgb(4,185,191)
```
#05cbd3
```
#05cbd3 rgb(5,203,211)
```
#05dee6
```
#05dee6 rgb(5,222,230)
```
#05f0f9
```
#05f0f9 rgb(5,240,249)
```

Shade Color Variation

#18f2fa
```
#18f2fa rgb(24,242,250)
```
#2bf3fa
```
#2bf3fa rgb(43,243,250)
```
#3ef4fb
```
#3ef4fb rgb(62,244,251)
```
#52f5fb
```
#52f5fb rgb(82,245,251)
```
#65f6fc
```
#65f6fc rgb(101,246,252)
```
#78f7fc
```
#78f7fc rgb(120,247,252)
```
#8bf8fc
```
#8bf8fc rgb(139,248,252)
```
#9efafd
```
#9efafd rgb(158,250,253)
```
#b2fbfd
```
#b2fbfd rgb(178,251,253)
```
#c5fcfe
```
#c5fcfe rgb(197,252,254)
```
#d8fdfe
```
#d8fdfe rgb(216,253,254)
```
#ebfeff
```
#ebfeff rgb(235,254,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#858d8d
```
#858d8d rgb(133,141,141)
```
#7c9596
```
#7c9596 rgb(124,149,150)
```
#739e9f
```
#739e9f rgb(115,158,159)
```
#6aa6a8
```
#6aa6a8 rgb(106,166,168)
```
#61afb1
```
#61afb1 rgb(97,175,177)
```
#58b7ba
```
#58b7ba rgb(88,183,186)
```
#4ebfc4
```
#4ebfc4 rgb(78,191,196)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#3cd0d6
```
#3cd0d6 rgb(60,208,214)
```
#33d9df
```
#33d9df rgb(51,217,223)
```
#2ae1e8
```
#2ae1e8 rgb(42,225,232)
```
#21eaf1
```
#21eaf1 rgb(33,234,241)
```
#18f2fa
```
#18f2fa rgb(24,242,250)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#93bfc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdbec Protanopia 1% of men
#dcd8ff Deuteranopia 1% of men
#61efff Tritanopia 0.001% of the population

Trichromacy

#94e3f1 Protanomaly 1% of men, 0.01% of women
#94e1fd Deuteranomaly 6% of men, 0.4% of women
#47f0fd Tritanomaly 0.01% of the population

#18f2fa hex color

#18f2fa Color Information

#18f2fa Color Conversion

Color Schemes with #18f2fa

Alternatives to #18f2fa

#18f2fa Preview

Shades and Tints of #18f2fa

Tones of #18f2fa

Color Blindness Simulator