#180fe2 hex color

In a RGB color space, hex #180fe2 is composed of 9.4% red, 5.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 93.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 242.6 degrees, a saturation of 87.6% and a lightness of 47.3%. #180fe2 color hex could be obtained by blending #301eff with #0000c5. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 9
- G 6
- B 89
RGB color chart
- C 89
- M 93
- Y 0
- K 11
CMYK color chart

● #180fe2 color description : Vivid blue.

The hexadecimal color #180fe2 has RGB values of R:24, G:15, B:226 and CMYK values of C:0.89, M:0.93, Y:0, K:0.11. Its decimal value is 1576930.

Hex triplet	180fe2	`#180fe2`
RGB Decimal	24, 15, 226	`rgb(24,15,226)`
RGB Percent	9.4, 5.9, 88.6	`rgb(9.4%,5.9%,88.6%)`
CMYK	89, 93, 0, 11
HSL	242.6°, 87.6, 47.3	`hsl(242.6,87.6%,47.3%)`
HSV (or HSB)	242.6°, 93.4, 88.6
Web Safe	0000cc	`#0000cc`

CIE-LAB	29.477, 69.736, -96.122
XYZ	14.272, 6.026, 72.358
xyY	0.154, 0.065, 6.026
CIE-LCH	29.477, 118.754, 305.961
CIE-LUV	29.477, -7.817, -114.875
Hunter-Lab	24.547, 60.825, -157.585
Binary	00011000, 00001111, 11100010

#180fe2
```
#180fe2 rgb(24,15,226)
```
#d9e20f
```
#d9e20f rgb(217,226,15)
```

Complementary Color

#0f70e2
```
#0f70e2 rgb(15,112,226)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```
#820fe2
```
#820fe2 rgb(130,15,226)
```

Analogous Color

#70e20f
```
#70e20f rgb(112,226,15)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```
#e2820f
```
#e2820f rgb(226,130,15)
```

Split Complementary Color

#0fe218
```
#0fe218 rgb(15,226,24)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```
#e2180f
```
#e2180f rgb(226,24,15)
```

Triadic Color

#0fd9e2
```
#0fd9e2 rgb(15,217,226)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```
#e2180f
```
#e2180f rgb(226,24,15)
```
#d9e20f
```
#d9e20f rgb(217,226,15)
```

Tetradic Color

#100a9a
```
#100a9a rgb(16,10,154)
```
#130cb2
```
#130cb2 rgb(19,12,178)
```
#150dca
```
#150dca rgb(21,13,202)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```
#241bf0
```
#241bf0 rgb(36,27,240)
```
#3b33f1
```
#3b33f1 rgb(59,51,241)
```
#524af3
```
#524af3 rgb(82,74,243)
```

Monochromatic Color

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

#0f3be2
```
#0f3be2 rgb(15,59,226)
```
#0f29e2
```
#0f29e2 rgb(15,41,226)
```
#0f18e2
```
#0f18e2 rgb(15,24,226)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```
#2a0fe2
```
#2a0fe2 rgb(42,15,226)
```
#3b0fe2
```
#3b0fe2 rgb(59,15,226)
```
#4d0fe2
```
#4d0fe2 rgb(77,15,226)
```

Similar Colors

Text with hexadecimal color #180fe2

This text has a font color of #180fe2.

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

#180fe2 background color

This paragraph has a background color of #180fe2.

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

#180fe2 border color

This element has a border color of #180fe2.

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

CSS codes

.text {color:#180fe2;}

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

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

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

#010005
```
#010005 rgb(1,0,5)
```
#030218
```
#030218 rgb(3,2,24)
```
#04032a
```
#04032a rgb(4,3,42)
```
#06043c
```
#06043c rgb(6,4,60)
```
#08054f
```
#08054f rgb(8,5,79)
```
#0a0661
```
#0a0661 rgb(10,6,97)
```
#0c0874
```
#0c0874 rgb(12,8,116)
```
#0e0986
```
#0e0986 rgb(14,9,134)
```
#100a98
```
#100a98 rgb(16,10,152)
```
#120bab
```
#120bab rgb(18,11,171)
```
#140dbd
```
#140dbd rgb(20,13,189)
```
#160ed0
```
#160ed0 rgb(22,14,208)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```

Shade Color Variation

#1e15ef
```
#1e15ef rgb(30,21,239)
```
#3028f1
```
#3028f1 rgb(48,40,241)
```
#423af2
```
#423af2 rgb(66,58,242)
```
#534cf3
```
#534cf3 rgb(83,76,243)
```
#655ff4
```
#655ff4 rgb(101,95,244)
```
#7771f6
```
#7771f6 rgb(119,113,246)
```
#8884f7
```
#8884f7 rgb(136,132,247)
```
#9a96f8
```
#9a96f8 rgb(154,150,248)
```
#aca8f9
```
#aca8f9 rgb(172,168,249)
```
#bdbbfa
```
#bdbbfa rgb(189,187,250)
```
#cfcdfc
```
#cfcdfc rgb(207,205,252)
```
#e1dffd
```
#e1dffd rgb(225,223,253)
```
#f2f2fe
```
#f2f2fe rgb(242,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75757c is the less saturated color, while #1006eb is the most saturated one.

#75757c
```
#75757c rgb(117,117,124)
```
#6d6c85
```
#6d6c85 rgb(109,108,133)
```
#64628f
```
#64628f rgb(100,98,143)
```
#5c5998
```
#5c5998 rgb(92,89,152)
```
#5350a1
```
#5350a1 rgb(83,80,161)
```
#4b47aa
```
#4b47aa rgb(75,71,170)
```
#423db4
```
#423db4 rgb(66,61,180)
```
#3a34bd
```
#3a34bd rgb(58,52,189)
```
#312bc6
```
#312bc6 rgb(49,43,198)
```
#2922cf
```
#2922cf rgb(41,34,207)
```
#2018d9
```
#2018d9 rgb(32,24,217)
```
#180fe2
```
#180fe2 rgb(24,15,226)
```
#1006eb
```
#1006eb rgb(16,6,235)
```

Tone Color Variation

Below, you can see how #180fe2 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
#26254f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005180 Deuteranopia 1% of men
#00575a Tritanopia 0.001% of the population

Trichromacy

#0836b1 Protanomaly 1% of men, 0.01% of women
#0839a3 Deuteranomaly 6% of men, 0.4% of women
#083c8b Tritanomaly 0.01% of the population

#180fe2 hex color

#180fe2 Color Information

#180fe2 Color Conversion

Color Schemes with #180fe2

Alternatives to #180fe2

#180fe2 Preview

Shades and Tints of #180fe2

Tones of #180fe2

Color Blindness Simulator