#180afd hex color

In a RGB color space, hex #180afd is composed of 9.4% red, 3.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 96% magenta, 0% yellow and 0.8% black. It has a hue angle of 243.5 degrees, a saturation of 98.4% and a lightness of 51.6%. #180afd color hex could be obtained by blending #3014ff with #0000fb. Closest websafe color is: #0000ff.

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

● #180afd color description : Vivid blue.

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

Hex triplet	180afd	`#180afd`
RGB Decimal	24, 10, 253	`rgb(24,10,253)`
RGB Percent	9.4, 3.9, 99.2	`rgb(9.4%,3.9%,99.2%)`
CMYK	91, 96, 0, 1
HSL	243.5°, 98.4, 51.6	`hsl(243.5,98.4%,51.6%)`
HSV (or HSB)	243.5°, 96, 99.2
Web Safe	0000ff	`#0000ff`

CIE-LAB	32.923, 77.377, -105.689
XYZ	18.211, 7.502, 93.411
xyY	0.153, 0.063, 7.502
CIE-LCH	32.923, 130.986, 306.208
CIE-LUV	32.923, -8.812, -130.134
Hunter-Lab	27.389, 70.754, -183.036
Binary	00011000, 00001010, 11111101

#180afd
```
#180afd rgb(24,10,253)
```
#effd0a
```
#effd0a rgb(239,253,10)
```

Complementary Color

#0a76fd
```
#0a76fd rgb(10,118,253)
```
#180afd
```
#180afd rgb(24,10,253)
```
#920afd
```
#920afd rgb(146,10,253)
```

Analogous Color

#76fd0a
```
#76fd0a rgb(118,253,10)
```
#180afd
```
#180afd rgb(24,10,253)
```
#fd920a
```
#fd920a rgb(253,146,10)
```

Split Complementary Color

#0afd18
```
#0afd18 rgb(10,253,24)
```
#180afd
```
#180afd rgb(24,10,253)
```
#fd180a
```
#fd180a rgb(253,24,10)
```

Triadic Color

#0aeffd
```
#0aeffd rgb(10,239,253)
```
#180afd
```
#180afd rgb(24,10,253)
```
#fd180a
```
#fd180a rgb(253,24,10)
```
#effd0a
```
#effd0a rgb(239,253,10)
```

Tetradic Color

#0c02b9
```
#0c02b9 rgb(12,2,185)
```
#0e02d2
```
#0e02d2 rgb(14,2,210)
```
#0f02ec
```
#0f02ec rgb(15,2,236)
```
#180afd
```
#180afd rgb(24,10,253)
```
#3023fd
```
#3023fd rgb(48,35,253)
```
#483dfd
```
#483dfd rgb(72,61,253)
```
#6056fe
```
#6056fe rgb(96,86,254)
```

Monochromatic Color

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

#0a39fd
```
#0a39fd rgb(10,57,253)
```
#0a24fd
```
#0a24fd rgb(10,36,253)
```
#0a10fd
```
#0a10fd rgb(10,16,253)
```
#180afd
```
#180afd rgb(24,10,253)
```
#2c0afd
```
#2c0afd rgb(44,10,253)
```
#410afd
```
#410afd rgb(65,10,253)
```
#550afd
```
#550afd rgb(85,10,253)
```

Similar Colors

Text with hexadecimal color #180afd

This text has a font color of #180afd.

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

#180afd background color

This paragraph has a background color of #180afd.

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

#180afd border color

This element has a border color of #180afd.

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

CSS codes

.text {color:#180afd;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#02001b
```
#02001b rgb(2,0,27)
```
#03002f
```
#03002f rgb(3,0,47)
```
#040142
```
#040142 rgb(4,1,66)
```
#060156
```
#060156 rgb(6,1,86)
```
#070169
```
#070169 rgb(7,1,105)
```
#08017d
```
#08017d rgb(8,1,125)
```
#090190
```
#090190 rgb(9,1,144)
```
#0b01a4
```
#0b01a4 rgb(11,1,164)
```
#0c01b7
```
#0c01b7 rgb(12,1,183)
```
#0d02cb
```
#0d02cb rgb(13,2,203)
```
#0e02de
```
#0e02de rgb(14,2,222)
```
#1002f1
```
#1002f1 rgb(16,2,241)
```

Shade Color Variation

#180afd
```
#180afd rgb(24,10,253)
```
#2a1dfd
```
#2a1dfd rgb(42,29,253)
```
#3d31fd
```
#3d31fd rgb(61,49,253)
```
#4f44fd
```
#4f44fd rgb(79,68,253)
```
#6158fe
```
#6158fe rgb(97,88,254)
```
#746bfe
```
#746bfe rgb(116,107,254)
```
#867ffe
```
#867ffe rgb(134,127,254)
```
#9892fe
```
#9892fe rgb(152,146,254)
```
#aba6fe
```
#aba6fe rgb(171,166,254)
```
#bdb9fe
```
#bdb9fe rgb(189,185,254)
```
#cfcdff
```
#cfcdff rgb(207,205,255)
```
#e2e0ff
```
#e2e0ff rgb(226,224,255)
```
#f4f3ff
```
#f4f3ff rgb(244,243,255)
```

Tint Color Variation

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

#7d7c8b
```
#7d7c8b rgb(125,124,139)
```
#747395
```
#747395 rgb(116,115,149)
```
#6c699e
```
#6c699e rgb(108,105,158)
```
#6460a8
```
#6460a8 rgb(100,96,168)
```
#5b56b1
```
#5b56b1 rgb(91,86,177)
```
#534dbb
```
#534dbb rgb(83,77,187)
```
#4a43c4
```
#4a43c4 rgb(74,67,196)
```
#423ace
```
#423ace rgb(66,58,206)
```
#3a30d7
```
#3a30d7 rgb(58,48,215)
```
#3127e1
```
#3127e1 rgb(49,39,225)
```
#291dea
```
#291dea rgb(41,29,234)
```
#2014f4
```
#2014f4 rgb(32,20,244)
```
#180afd
```
#180afd rgb(24,10,253)
```

Tone Color Variation

Below, you can see how #180afd 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
#00598c Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

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

#180afd hex color

#180afd Color Information

#180afd Color Conversion

Color Schemes with #180afd

Alternatives to #180afd

#180afd Preview

Shades and Tints of #180afd

Tones of #180afd

Color Blindness Simulator