#18b4f5 hex color

In a RGB color space, hex #18b4f5 is composed of 9.4% red, 70.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 26.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 197.6 degrees, a saturation of 91.7% and a lightness of 52.7%. #18b4f5 color hex could be obtained by blending #30ffff with #0069eb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 9
- G 71
- B 96
RGB color chart
- C 90
- M 27
- Y 0
- K 4
CMYK color chart

● #18b4f5 color description : Vivid blue.

The hexadecimal color #18b4f5 has RGB values of R:24, G:180, B:245 and CMYK values of C:0.9, M:0.27, Y:0, K:0.04. Its decimal value is 1619189.

Hex triplet	18b4f5	`#18b4f5`
RGB Decimal	24, 180, 245	`rgb(24,180,245)`
RGB Percent	9.4, 70.6, 96.1	`rgb(9.4%,70.6%,96.1%)`
CMYK	90, 27, 0, 4
HSL	197.6°, 91.7, 52.7	`hsl(197.6,91.7%,52.7%)`
HSV (or HSB)	197.6°, 90.2, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	69.059, -14.59, -42.59
XYZ	33.175, 39.426, 92.243
xyY	0.201, 0.239, 39.426
CIE-LCH	69.059, 45.02, 251.09
CIE-LUV	69.059, -45.433, -67.011
Hunter-Lab	62.79, -15.573, -43.148
Binary	00011000, 10110100, 11110101

#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#f55918
```
#f55918 rgb(245,89,24)
```

Complementary Color

#18f5c8
```
#18f5c8 rgb(24,245,200)
```
#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#1846f5
```
#1846f5 rgb(24,70,245)
```

Analogous Color

#f5c818
```
#f5c818 rgb(245,200,24)
```
#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#f51846
```
#f51846 rgb(245,24,70)
```

Split Complementary Color

#b4f518
```
#b4f518 rgb(180,245,24)
```
#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#f518b4
```
#f518b4 rgb(245,24,180)
```

Triadic Color

#18f559
```
#18f559 rgb(24,245,89)
```
#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#f518b4
```
#f518b4 rgb(245,24,180)
```
#f55918
```
#f55918 rgb(245,89,24)
```

Tetradic Color

#0885b9
```
#0885b9 rgb(8,133,185)
```
#0996d1
```
#0996d1 rgb(9,150,209)
```
#0aa8e9
```
#0aa8e9 rgb(10,168,233)
```
#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#30bcf6
```
#30bcf6 rgb(48,188,246)
```
#49c4f7
```
#49c4f7 rgb(73,196,247)
```
#61ccf8
```
#61ccf8 rgb(97,204,248)
```

Monochromatic Color

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

#18ebf5
```
#18ebf5 rgb(24,235,245)
```
#18d9f5
```
#18d9f5 rgb(24,217,245)
```
#18c6f5
```
#18c6f5 rgb(24,198,245)
```
#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#18a2f5
```
#18a2f5 rgb(24,162,245)
```
#188ff5
```
#188ff5 rgb(24,143,245)
```
#187df5
```
#187df5 rgb(24,125,245)
```

Similar Colors

Text with hexadecimal color #18b4f5

This text has a font color of #18b4f5.

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

#18b4f5 background color

This paragraph has a background color of #18b4f5.

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

#18b4f5 border color

This element has a border color of #18b4f5.

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

CSS codes

.text {color:#18b4f5;}

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

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

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, #010a0d is the darkest color, while #fafdff is the lightest one.

#010a0d
```
#010a0d rgb(1,10,13)
```
#011720
```
#011720 rgb(1,23,32)
```
#022533
```
#022533 rgb(2,37,51)
```
#033246
```
#033246 rgb(3,50,70)
```
#044059
```
#044059 rgb(4,64,89)
```
#054d6b
```
#054d6b rgb(5,77,107)
```
#055b7e
```
#055b7e rgb(5,91,126)
```
#066891
```
#066891 rgb(6,104,145)
```
#0776a4
```
#0776a4 rgb(7,118,164)
```
#0883b7
```
#0883b7 rgb(8,131,183)
```
#0991c9
```
#0991c9 rgb(9,145,201)
```
#0a9edc
```
#0a9edc rgb(10,158,220)
```
#0aacef
```
#0aacef rgb(10,172,239)
```

Shade Color Variation

#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#2bbaf6
```
#2bbaf6 rgb(43,186,246)
```
#3ec0f7
```
#3ec0f7 rgb(62,192,247)
```
#50c6f7
```
#50c6f7 rgb(80,198,247)
```
#63ccf8
```
#63ccf8 rgb(99,204,248)
```
#76d3f9
```
#76d3f9 rgb(118,211,249)
```
#89d9fa
```
#89d9fa rgb(137,217,250)
```
#9cdffb
```
#9cdffb rgb(156,223,251)
```
#aee5fc
```
#aee5fc rgb(174,229,252)
```
#c1ebfc
```
#c1ebfc rgb(193,235,252)
```
#d4f1fd
```
#d4f1fd rgb(212,241,253)
```
#e7f7fe
```
#e7f7fe rgb(231,247,254)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8a8f is the less saturated color, while #0fb8fe is the most saturated one.

#7e8a8f
```
#7e8a8f rgb(126,138,143)
```
#758e98
```
#758e98 rgb(117,142,152)
```
#6b92a2
```
#6b92a2 rgb(107,146,162)
```
#6295ab
```
#6295ab rgb(98,149,171)
```
#5999b4
```
#5999b4 rgb(89,153,180)
```
#509dbd
```
#509dbd rgb(80,157,189)
```
#46a1c7
```
#46a1c7 rgb(70,161,199)
```
#3da5d0
```
#3da5d0 rgb(61,165,208)
```
#34a9d9
```
#34a9d9 rgb(52,169,217)
```
#2bace2
```
#2bace2 rgb(43,172,226)
```
#21b0ec
```
#21b0ec rgb(33,176,236)
```
#18b4f5
```
#18b4f5 rgb(24,180,245)
```
#0fb8fe
```
#0fb8fe rgb(15,184,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7695a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97aaec Protanopia 1% of men
#86acfa Deuteranopia 1% of men
#00bdca Tritanopia 0.001% of the population

Trichromacy

#69aeef Protanomaly 1% of men, 0.01% of women
#5eaff8 Deuteranomaly 6% of men, 0.4% of women
#08bada Tritanomaly 0.01% of the population

#18b4f5 hex color

#18b4f5 Color Information

#18b4f5 Color Conversion

Color Schemes with #18b4f5

Alternatives to #18b4f5

#18b4f5 Preview

Shades and Tints of #18b4f5

Tones of #18b4f5

Color Blindness Simulator