#180afe hex color

In a RGB color space, hex #180afe is composed of 9.4% red, 3.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 96.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 243.4 degrees, a saturation of 99.2% and a lightness of 51.8%. #180afe color hex could be obtained by blending #3014ff with #0000fd. Closest websafe color is: #0000ff.

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

● #180afe color description : Vivid blue.

The hexadecimal color #180afe has RGB values of R:24, G:10, B:254 and CMYK values of C:0.91, M:0.96, Y:0, K:0. Its decimal value is 1575678.

Hex triplet	180afe	`#180afe`
RGB Decimal	24, 10, 254	`rgb(24,10,254)`
RGB Percent	9.4, 3.9, 99.6	`rgb(9.4%,3.9%,99.6%)`
CMYK	91, 96, 0, 0
HSL	243.4°, 99.2, 51.8	`hsl(243.4,99.2%,51.8%)`
HSV (or HSB)	243.4°, 96.1, 99.6
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.061, 77.62, -106.019
XYZ	18.371, 7.566, 94.253
xyY	0.153, 0.063, 7.566
CIE-LCH	33.061, 131.396, 306.209
CIE-LUV	33.061, -8.856, -130.706
Hunter-Lab	27.506, 71.085, -183.912
Binary	00011000, 00001010, 11111110

#180afe
```
#180afe rgb(24,10,254)
```
#f0fe0a
```
#f0fe0a rgb(240,254,10)
```

Complementary Color

#0a76fe
```
#0a76fe rgb(10,118,254)
```
#180afe
```
#180afe rgb(24,10,254)
```
#920afe
```
#920afe rgb(146,10,254)
```

Analogous Color

#76fe0a
```
#76fe0a rgb(118,254,10)
```
#180afe
```
#180afe rgb(24,10,254)
```
#fe920a
```
#fe920a rgb(254,146,10)
```

Split Complementary Color

#0afe18
```
#0afe18 rgb(10,254,24)
```
#180afe
```
#180afe rgb(24,10,254)
```
#fe180a
```
#fe180a rgb(254,24,10)
```

Triadic Color

#0af0fe
```
#0af0fe rgb(10,240,254)
```
#180afe
```
#180afe rgb(24,10,254)
```
#fe180a
```
#fe180a rgb(254,24,10)
```
#f0fe0a
```
#f0fe0a rgb(240,254,10)
```

Tetradic Color

#0b01bb
```
#0b01bb rgb(11,1,187)
```
#0d01d4
```
#0d01d4 rgb(13,1,212)
```
#0f01ee
```
#0f01ee rgb(15,1,238)
```
#180afe
```
#180afe rgb(24,10,254)
```
#3023fe
```
#3023fe rgb(48,35,254)
```
#483dfe
```
#483dfe rgb(72,61,254)
```
#6056fe
```
#6056fe rgb(96,86,254)
```

Monochromatic Color

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

#0a39fe
```
#0a39fe rgb(10,57,254)
```
#0a25fe
```
#0a25fe rgb(10,37,254)
```
#0a10fe
```
#0a10fe rgb(10,16,254)
```
#180afe
```
#180afe rgb(24,10,254)
```
#2c0afe
```
#2c0afe rgb(44,10,254)
```
#410afe
```
#410afe rgb(65,10,254)
```
#550afe
```
#550afe rgb(85,10,254)
```

Similar Colors

Text with hexadecimal color #180afe

This text has a font color of #180afe.

<span style="color:#180afe;">Text here</span>

#180afe background color

This paragraph has a background color of #180afe.

<p style="background-color:#180afe;">Content here</p>

#180afe border color

This element has a border color of #180afe.

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

CSS codes

.text {color:#180afe;}

.background {background-color:#180afe;}

.border {border:1px solid #180afe;}

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

#010009
```
#010009 rgb(1,0,9)
```
#02001c
```
#02001c rgb(2,0,28)
```
#030030
```
#030030 rgb(3,0,48)
```
#040044
```
#040044 rgb(4,0,68)
```
#050057
```
#050057 rgb(5,0,87)
```
#07006b
```
#07006b rgb(7,0,107)
```
#08017e
```
#08017e rgb(8,1,126)
```
#090192
```
#090192 rgb(9,1,146)
```
#0a01a5
```
#0a01a5 rgb(10,1,165)
```
#0b01b9
```
#0b01b9 rgb(11,1,185)
```
#0d01cc
```
#0d01cc rgb(13,1,204)
```
#0e01e0
```
#0e01e0 rgb(14,1,224)
```
#0f01f3
```
#0f01f3 rgb(15,1,243)
```

Shade Color Variation

#180afe
```
#180afe rgb(24,10,254)
```
#2a1efe
```
#2a1efe rgb(42,30,254)
```
#3d31fe
```
#3d31fe rgb(61,49,254)
```
#4f45fe
```
#4f45fe rgb(79,69,254)
```
#6258fe
```
#6258fe rgb(98,88,254)
```
#746cfe
```
#746cfe rgb(116,108,254)
```
#877ffe
```
#877ffe rgb(135,127,254)
```
#9993ff
```
#9993ff rgb(153,147,255)
```
#aba6ff
```
#aba6ff rgb(171,166,255)
```
#bebaff
```
#bebaff rgb(190,186,255)
```
#d0cdff
```
#d0cdff rgb(208,205,255)
```
#e3e1ff
```
#e3e1ff rgb(227,225,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#7d7c8c
```
#7d7c8c rgb(125,124,140)
```
#747296
```
#747296 rgb(116,114,150)
```
#6c699f
```
#6c699f rgb(108,105,159)
```
#635fa9
```
#635fa9 rgb(99,95,169)
```
#5b56b2
```
#5b56b2 rgb(91,86,178)
```
#534cbc
```
#534cbc rgb(83,76,188)
```
#4a43c5
```
#4a43c5 rgb(74,67,197)
```
#4239cf
```
#4239cf rgb(66,57,207)
```
#3a30d8
```
#3a30d8 rgb(58,48,216)
```
#3126e2
```
#3126e2 rgb(49,38,226)
```
#291deb
```
#291deb rgb(41,29,235)
```
#2013f5
```
#2013f5 rgb(32,19,245)
```
#180afe
```
#180afe rgb(24,10,254)
```

Tone Color Variation

Below, you can see how #180afe 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

#2a2a2a Achromatopsia 0.005% of the population
#262454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0839c4 Protanomaly 1% of men, 0.01% of women
#083cb6 Deuteranomaly 6% of men, 0.4% of women
#08409b Tritanomaly 0.01% of the population

#180afe hex color

#180afe Color Information

#180afe Color Conversion

Color Schemes with #180afe

Alternatives to #180afe

#180afe Preview

Shades and Tints of #180afe

Tones of #180afe

Color Blindness Simulator