#180ff0 hex color

In a RGB color space, hex #180ff0 is composed of 9.4% red, 5.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 93.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 242.4 degrees, a saturation of 88.2% and a lightness of 50%. #180ff0 color hex could be obtained by blending #301eff with #0000e1. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 9
- G 6
- B 94
RGB color chart
- C 90
- M 94
- Y 0
- K 6
CMYK color chart

● #180ff0 color description : Vivid blue.

The hexadecimal color #180ff0 has RGB values of R:24, G:15, B:240 and CMYK values of C:0.9, M:0.94, Y:0, K:0.06. Its decimal value is 1576944.

Hex triplet	180ff0	`#180ff0`
RGB Decimal	24, 15, 240	`rgb(24,15,240)`
RGB Percent	9.4, 5.9, 94.1	`rgb(9.4%,5.9%,94.1%)`
CMYK	90, 94, 0, 6
HSL	242.4°, 88.2, 50	`hsl(242.4,88.2%,50%)`
HSV (or HSB)	242.4°, 93.8, 94.1
Web Safe	0000ff	`#0000ff`

CIE-LAB	31.407, 73.295, -100.884
XYZ	16.273, 6.826, 82.893
xyY	0.154, 0.064, 6.826
CIE-LCH	31.407, 124.698, 305.999
CIE-LUV	31.407, -8.43, -122.937
Hunter-Lab	26.126, 65.456, -169.825
Binary	00011000, 00001111, 11110000

#180ff0
```
#180ff0 rgb(24,15,240)
```
#e7f00f
```
#e7f00f rgb(231,240,15)
```

Complementary Color

#0f77f0
```
#0f77f0 rgb(15,119,240)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```
#890ff0
```
#890ff0 rgb(137,15,240)
```

Analogous Color

#77f00f
```
#77f00f rgb(119,240,15)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```
#f0890f
```
#f0890f rgb(240,137,15)
```

Split Complementary Color

#0ff018
```
#0ff018 rgb(15,240,24)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```
#f0180f
```
#f0180f rgb(240,24,15)
```

Triadic Color

#0fe7f0
```
#0fe7f0 rgb(15,231,240)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```
#f0180f
```
#f0180f rgb(240,24,15)
```
#e7f00f
```
#e7f00f rgb(231,240,15)
```

Tetradic Color

#110ba8
```
#110ba8 rgb(17,11,168)
```
#130cc0
```
#130cc0 rgb(19,12,192)
```
#160ed8
```
#160ed8 rgb(22,14,216)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```
#2f27f2
```
#2f27f2 rgb(47,39,242)
```
#463ff3
```
#463ff3 rgb(70,63,243)
```
#5d57f5
```
#5d57f5 rgb(93,87,245)
```

Monochromatic Color

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

#0f3ef0
```
#0f3ef0 rgb(15,62,240)
```
#0f2bf0
```
#0f2bf0 rgb(15,43,240)
```
#0f19f0
```
#0f19f0 rgb(15,25,240)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```
#2b0ff0
```
#2b0ff0 rgb(43,15,240)
```
#3e0ff0
```
#3e0ff0 rgb(62,15,240)
```
#500ff0
```
#500ff0 rgb(80,15,240)
```

Similar Colors

Text with hexadecimal color #180ff0

This text has a font color of #180ff0.

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

#180ff0 background color

This paragraph has a background color of #180ff0.

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

#180ff0 border color

This element has a border color of #180ff0.

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

CSS codes

.text {color:#180ff0;}

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

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

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

#020112
```
#020112 rgb(2,1,18)
```
#040225
```
#040225 rgb(4,2,37)
```
#060337
```
#060337 rgb(6,3,55)
```
#07054a
```
#07054a rgb(7,5,74)
```
#09065c
```
#09065c rgb(9,6,92)
```
#0b076f
```
#0b076f rgb(11,7,111)
```
#0d0881
```
#0d0881 rgb(13,8,129)
```
#0f0994
```
#0f0994 rgb(15,9,148)
```
#110aa6
```
#110aa6 rgb(17,10,166)
```
#120cb9
```
#120cb9 rgb(18,12,185)
```
#140dcb
```
#140dcb rgb(20,13,203)
```
#160ede
```
#160ede rgb(22,14,222)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```

Shade Color Variation

#2a21f1
```
#2a21f1 rgb(42,33,241)
```
#3c34f2
```
#3c34f2 rgb(60,52,242)
```
#4d46f3
```
#4d46f3 rgb(77,70,243)
```
#5f59f5
```
#5f59f5 rgb(95,89,245)
```
#716bf6
```
#716bf6 rgb(113,107,246)
```
#837ef7
```
#837ef7 rgb(131,126,247)
```
#9490f8
```
#9490f8 rgb(148,144,248)
```
#a6a3f9
```
#a6a3f9 rgb(166,163,249)
```
#b8b5fa
```
#b8b5fa rgb(184,181,250)
```
#cac8fc
```
#cac8fc rgb(202,200,252)
```
#dbdafd
```
#dbdafd rgb(219,218,253)
```
#ededfe
```
#ededfe rgb(237,237,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7b84
```
#7b7b84 rgb(123,123,132)
```
#72718e
```
#72718e rgb(114,113,142)
```
#696798
```
#696798 rgb(105,103,152)
```
#605da2
```
#605da2 rgb(96,93,162)
```
#5754ab
```
#5754ab rgb(87,84,171)
```
#4e4ab5
```
#4e4ab5 rgb(78,74,181)
```
#4540bf
```
#4540bf rgb(69,64,191)
```
#3c36c9
```
#3c36c9 rgb(60,54,201)
```
#332cd3
```
#332cd3 rgb(51,44,211)
```
#2a23dc
```
#2a23dc rgb(42,35,220)
```
#2119e6
```
#2119e6 rgb(33,25,230)
```
#180ff0
```
#180ff0 rgb(24,15,240)
```
#0f05fa
```
#0f05fa rgb(15,5,250)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#272552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519c Protanopia 1% of men
#005587 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#0839bb Protanomaly 1% of men, 0.01% of women
#083cad Deuteranomaly 6% of men, 0.4% of women
#083f93 Tritanomaly 0.01% of the population

#180ff0 hex color

#180ff0 Color Information

#180ff0 Color Conversion

Color Schemes with #180ff0

Alternatives to #180ff0

#180ff0 Preview

Shades and Tints of #180ff0

Tones of #180ff0

Color Blindness Simulator