#18aafb hex color

In a RGB color space, hex #18aafb is composed of 9.4% red, 66.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 90.4% cyan, 32.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 201.4 degrees, a saturation of 96.6% and a lightness of 53.9%. #18aafb color hex could be obtained by blending #30ffff with #0055f7. Closest websafe color is: #0099ff.

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

● #18aafb color description : Vivid blue.

The hexadecimal color #18aafb has RGB values of R:24, G:170, B:251 and CMYK values of C:0.9, M:0.32, Y:0, K:0.02. Its decimal value is 1616635.

Hex triplet	18aafb	`#18aafb`
RGB Decimal	24, 170, 251	`rgb(24,170,251)`
RGB Percent	9.4, 66.7, 98.4	`rgb(9.4%,66.7%,98.4%)`
CMYK	90, 32, 0, 2
HSL	201.4°, 96.6, 53.9	`hsl(201.4,96.6%,53.9%)`
HSV (or HSB)	201.4°, 90.4, 98.4
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.448, -6.965, -49.958
XYZ	32.16, 35.906, 96.497
xyY	0.195, 0.218, 35.906
CIE-LCH	66.448, 50.441, 262.063
CIE-LUV	66.448, -41.723, -80.061
Hunter-Lab	59.921, -9.062, -53.535
Binary	00011000, 10101010, 11111011

#18aafb
```
#18aafb rgb(24,170,251)
```
#fb6918
```
#fb6918 rgb(251,105,24)
```

Complementary Color

#18fbdb
```
#18fbdb rgb(24,251,219)
```
#18aafb
```
#18aafb rgb(24,170,251)
```
#1839fb
```
#1839fb rgb(24,57,251)
```

Analogous Color

#fbdb18
```
#fbdb18 rgb(251,219,24)
```
#18aafb
```
#18aafb rgb(24,170,251)
```
#fb1839
```
#fb1839 rgb(251,24,57)
```

Split Complementary Color

#aafb18
```
#aafb18 rgb(170,251,24)
```
#18aafb
```
#18aafb rgb(24,170,251)
```
#fb18aa
```
#fb18aa rgb(251,24,170)
```

Triadic Color

#18fb69
```
#18fb69 rgb(24,251,105)
```
#18aafb
```
#18aafb rgb(24,170,251)
```
#fb18aa
```
#fb18aa rgb(251,24,170)
```
#fb6918
```
#fb6918 rgb(251,105,24)
```

Tetradic Color

#037fc3
```
#037fc3 rgb(3,127,195)
```
#048fdc
```
#048fdc rgb(4,143,220)
```
#049ff5
```
#049ff5 rgb(4,159,245)
```
#18aafb
```
#18aafb rgb(24,170,251)
```
#31b3fb
```
#31b3fb rgb(49,179,251)
```
#4abcfc
```
#4abcfc rgb(74,188,252)
```
#63c6fc
```
#63c6fc rgb(99,198,252)
```

Monochromatic Color

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

#18e3fb
```
#18e3fb rgb(24,227,251)
```
#18d0fb
```
#18d0fb rgb(24,208,251)
```
#18bdfb
```
#18bdfb rgb(24,189,251)
```
#18aafb
```
#18aafb rgb(24,170,251)
```
#1897fb
```
#1897fb rgb(24,151,251)
```
#1884fb
```
#1884fb rgb(24,132,251)
```
#1871fb
```
#1871fb rgb(24,113,251)
```

Similar Colors

Text with hexadecimal color #18aafb

This text has a font color of #18aafb.

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

#18aafb background color

This paragraph has a background color of #18aafb.

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

#18aafb border color

This element has a border color of #18aafb.

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

CSS codes

.text {color:#18aafb;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000d14
```
#000d14 rgb(0,13,20)
```
#011927
```
#011927 rgb(1,25,39)
```
#01263a
```
#01263a rgb(1,38,58)
```
#01324e
```
#01324e rgb(1,50,78)
```
#023f61
```
#023f61 rgb(2,63,97)
```
#024b74
```
#024b74 rgb(2,75,116)
```
#025887
```
#025887 rgb(2,88,135)
```
#03649b
```
#03649b rgb(3,100,155)
```
#0371ae
```
#0371ae rgb(3,113,174)
```
#037dc1
```
#037dc1 rgb(3,125,193)
```
#048ad4
```
#048ad4 rgb(4,138,212)
```
#0496e8
```
#0496e8 rgb(4,150,232)
```

Shade Color Variation

#05a3fb
```
#05a3fb rgb(5,163,251)
```
#18aafb
```
#18aafb rgb(24,170,251)
```
#2bb1fb
```
#2bb1fb rgb(43,177,251)
```
#3fb8fc
```
#3fb8fc rgb(63,184,252)
```
#52bffc
```
#52bffc rgb(82,191,252)
```
#65c6fc
```
#65c6fc rgb(101,198,252)
```
#78cdfd
```
#78cdfd rgb(120,205,253)
```
#8cd5fd
```
#8cd5fd rgb(140,213,253)
```
#9fdcfd
```
#9fdcfd rgb(159,220,253)
```
#b2e3fe
```
#b2e3fe rgb(178,227,254)
```
#c6eafe
```
#c6eafe rgb(198,234,254)
```
#d9f1fe
```
#d9f1fe rgb(217,241,254)
```
#ecf8ff
```
#ecf8ff rgb(236,248,255)
```

Tint Color Variation

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

#848b8f
```
#848b8f rgb(132,139,143)
```
#7b8e98
```
#7b8e98 rgb(123,142,152)
```
#7290a1
```
#7290a1 rgb(114,144,161)
```
#6993aa
```
#6993aa rgb(105,147,170)
```
#6095b3
```
#6095b3 rgb(96,149,179)
```
#5798bc
```
#5798bc rgb(87,152,188)
```
#4e9ac5
```
#4e9ac5 rgb(78,154,197)
```
#459dce
```
#459dce rgb(69,157,206)
```
#3ca0d7
```
#3ca0d7 rgb(60,160,215)
```
#33a2e0
```
#33a2e0 rgb(51,162,224)
```
#2aa5e9
```
#2aa5e9 rgb(42,165,233)
```
#21a7f2
```
#21a7f2 rgb(33,167,242)
```
#18aafb
```
#18aafb rgb(24,170,251)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#728f9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a3f3 Protanopia 1% of men
#6fa6fe Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#5fa6f5 Protanomaly 1% of men, 0.01% of women
#4fa7fd Deuteranomaly 6% of men, 0.4% of women
#08b2d7 Tritanomaly 0.01% of the population

#18aafb hex color

#18aafb Color Information

#18aafb Color Conversion

Color Schemes with #18aafb

Alternatives to #18aafb

#18aafb Preview

Shades and Tints of #18aafb

Tones of #18aafb

Color Blindness Simulator