#18f3fa hex color

In a RGB color space, hex #18f3fa is composed of 9.4% red, 95.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 2.8% magenta, 0% yellow and 2% black. It has a hue angle of 181.9 degrees, a saturation of 95.8% and a lightness of 53.7%. #18f3fa color hex could be obtained by blending #30ffff with #00e7f5. 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

● #18f3fa color description : Vivid cyan.

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

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

CIE-LAB	87.578, -43.702, -16.829
XYZ	49.677, 71.192, 101.56
xyY	0.223, 0.32, 71.192
CIE-LCH	87.578, 46.83, 201.061
CIE-LUV	87.578, -66.176, -20.299
Hunter-Lab	84.376, -42.563, -12.303
Binary	00011000, 11110011, 11111010

#18f3fa
```
#18f3fa rgb(24,243,250)
```
#fa1f18
```
#fa1f18 rgb(250,31,24)
```

Complementary Color

#18fa90
```
#18fa90 rgb(24,250,144)
```
#18f3fa
```
#18f3fa rgb(24,243,250)
```
#1882fa
```
#1882fa rgb(24,130,250)
```

Analogous Color

#fa9018
```
#fa9018 rgb(250,144,24)
```
#18f3fa
```
#18f3fa rgb(24,243,250)
```
#fa1882
```
#fa1882 rgb(250,24,130)
```

Split Complementary Color

#f3fa18
```
#f3fa18 rgb(243,250,24)
```
#18f3fa
```
#18f3fa rgb(24,243,250)
```
#fa18f3
```
#fa18f3 rgb(250,24,243)
```

Triadic Color

#18fa1f
```
#18fa1f rgb(24,250,31)
```
#18f3fa
```
#18f3fa rgb(24,243,250)
```
#fa18f3
```
#fa18f3 rgb(250,24,243)
```
#fa1f18
```
#fa1f18 rgb(250,31,24)
```

Tetradic Color

#04bbc1
```
#04bbc1 rgb(4,187,193)
```
#05d4da
```
#05d4da rgb(5,212,218)
```
#05ecf3
```
#05ecf3 rgb(5,236,243)
```
#18f3fa
```
#18f3fa rgb(24,243,250)
```
#31f4fb
```
#31f4fb rgb(49,244,251)
```
#4af6fb
```
#4af6fb rgb(74,246,251)
```
#63f7fc
```
#63f7fc rgb(99,247,252)
```

Monochromatic Color

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

#18fac9
```
#18fac9 rgb(24,250,201)
```
#18fadb
```
#18fadb rgb(24,250,219)
```
#18faee
```
#18faee rgb(24,250,238)
```
#18f3fa
```
#18f3fa rgb(24,243,250)
```
#18e0fa
```
#18e0fa rgb(24,224,250)
```
#18cdfa
```
#18cdfa rgb(24,205,250)
```
#18bbfa
```
#18bbfa rgb(24,187,250)
```

Similar Colors

Text with hexadecimal color #18f3fa

This text has a font color of #18f3fa.

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

#18f3fa background color

This paragraph has a background color of #18f3fa.

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

#18f3fa border color

This element has a border color of #18f3fa.

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

CSS codes

.text {color:#18f3fa;}

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

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

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)
```
#012526
```
#012526 rgb(1,37,38)
```
#013739
```
#013739 rgb(1,55,57)
```
#024a4c
```
#024a4c rgb(2,74,76)
```
#025d5f
```
#025d5f rgb(2,93,95)
```
#026f73
```
#026f73 rgb(2,111,115)
```
#038286
```
#038286 rgb(3,130,134)
```
#039499
```
#039499 rgb(3,148,153)
```
#04a7ac
```
#04a7ac rgb(4,167,172)
```
#04babf
```
#04babf rgb(4,186,191)
```
#05ccd3
```
#05ccd3 rgb(5,204,211)
```
#05dfe6
```
#05dfe6 rgb(5,223,230)
```
#05f1f9
```
#05f1f9 rgb(5,241,249)
```

Shade Color Variation

#18f3fa
```
#18f3fa rgb(24,243,250)
```
#2bf4fa
```
#2bf4fa rgb(43,244,250)
```
#3ef5fb
```
#3ef5fb rgb(62,245,251)
```
#52f6fb
```
#52f6fb rgb(82,246,251)
```
#65f7fc
```
#65f7fc rgb(101,247,252)
```
#78f8fc
```
#78f8fc rgb(120,248,252)
```
#8bf9fc
```
#8bf9fc rgb(139,249,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 #18f3fa 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)
```
#4ec0c4
```
#4ec0c4 rgb(78,192,196)
```
#45c8cd
```
#45c8cd rgb(69,200,205)
```
#3cd1d6
```
#3cd1d6 rgb(60,209,214)
```
#33d9df
```
#33d9df rgb(51,217,223)
```
#2ae2e8
```
#2ae2e8 rgb(42,226,232)
```
#21eaf1
```
#21eaf1 rgb(33,234,241)
```
#18f3fa
```
#18f3fa rgb(24,243,250)
```

Tone Color Variation

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

#dcdbec Protanopia 1% of men
#ddd9ff Deuteranopia 1% of men
#69efff Tritanopia 0.001% of the population

Trichromacy

#94e4f1 Protanomaly 1% of men, 0.01% of women
#95e2fd Deuteranomaly 6% of men, 0.4% of women
#4bf0fd Tritanomaly 0.01% of the population

#18f3fa hex color

#18f3fa Color Information

#18f3fa Color Conversion

Color Schemes with #18f3fa

Alternatives to #18f3fa

#18f3fa Preview

Shades and Tints of #18f3fa

Tones of #18f3fa

Color Blindness Simulator