#180cff hex color

In a RGB color space, hex #180cff is composed of 9.4% red, 4.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.6% cyan, 95.3% magenta, 0% yellow and 0% black. It has a hue angle of 243 degrees, a saturation of 100% and a lightness of 52.4%. #180cff color hex could be obtained by blending #3018ff with #0000ff. Closest websafe color is: #0000ff.

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

● #180cff color description : Vivid blue.

The hexadecimal color #180cff has RGB values of R:24, G:12, B:255 and CMYK values of C:0.91, M:0.95, Y:0, K:0. Its decimal value is 1576191.

Hex triplet	180cff	`#180cff`
RGB Decimal	24, 12, 255	`rgb(24,12,255)`
RGB Percent	9.4, 4.7, 100	`rgb(9.4%,4.7%,100%)`
CMYK	91, 95, 0, 0
HSL	243°, 100, 52.4	`hsl(243,100%,52.4%)`
HSV (or HSB)	243°, 95.3, 100
Web Safe	0000ff	`#0000ff`

CIE-LAB	33.298, 77.559, -106.185
XYZ	18.555, 7.676, 95.106
xyY	0.153, 0.063, 7.676
CIE-LCH	33.298, 131.493, 306.145
CIE-LUV	33.298, -8.965, -131.364
Hunter-Lab	27.705, 71.061, -184.137
Binary	00011000, 00001100, 11111111

#180cff
```
#180cff rgb(24,12,255)
```
#f3ff0c
```
#f3ff0c rgb(243,255,12)
```

Complementary Color

#0c7aff
```
#0c7aff rgb(12,122,255)
```
#180cff
```
#180cff rgb(24,12,255)
```
#920cff
```
#920cff rgb(146,12,255)
```

Analogous Color

#7aff0c
```
#7aff0c rgb(122,255,12)
```
#180cff
```
#180cff rgb(24,12,255)
```
#ff920c
```
#ff920c rgb(255,146,12)
```

Split Complementary Color

#0cff18
```
#0cff18 rgb(12,255,24)
```
#180cff
```
#180cff rgb(24,12,255)
```
#ff180c
```
#ff180c rgb(255,24,12)
```

Triadic Color

#0cf3ff
```
#0cf3ff rgb(12,243,255)
```
#180cff
```
#180cff rgb(24,12,255)
```
#ff180c
```
#ff180c rgb(255,24,12)
```
#f3ff0c
```
#f3ff0c rgb(243,255,12)
```

Tetradic Color

#0900bf
```
#0900bf rgb(9,0,191)
```
#0b00d8
```
#0b00d8 rgb(11,0,216)
```
#0c00f2
```
#0c00f2 rgb(12,0,242)
```
#180cff
```
#180cff rgb(24,12,255)
```
#3026ff
```
#3026ff rgb(48,38,255)
```
#483fff
```
#483fff rgb(72,63,255)
```
#6159ff
```
#6159ff rgb(97,89,255)
```

Monochromatic Color

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

#0c3dff
```
#0c3dff rgb(12,61,255)
```
#0c29ff
```
#0c29ff rgb(12,41,255)
```
#0c14ff
```
#0c14ff rgb(12,20,255)
```
#180cff
```
#180cff rgb(24,12,255)
```
#2c0cff
```
#2c0cff rgb(44,12,255)
```
#400cff
```
#400cff rgb(64,12,255)
```
#550cff
```
#550cff rgb(85,12,255)
```

Similar Colors

Text with hexadecimal color #180cff

This text has a font color of #180cff.

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

#180cff background color

This paragraph has a background color of #180cff.

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

#180cff border color

This element has a border color of #180cff.

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

CSS codes

.text {color:#180cff;}

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

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

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, #01000c is the darkest color, while #f8f7ff is the lightest one.

#01000c
```
#01000c rgb(1,0,12)
```
#020020
```
#020020 rgb(2,0,32)
```
#030033
```
#030033 rgb(3,0,51)
```
#030047
```
#030047 rgb(3,0,71)
```
#04005a
```
#04005a rgb(4,0,90)
```
#05006e
```
#05006e rgb(5,0,110)
```
#060082
```
#060082 rgb(6,0,130)
```
#070095
```
#070095 rgb(7,0,149)
```
#0800a9
```
#0800a9 rgb(8,0,169)
```
#0900bd
```
#0900bd rgb(9,0,189)
```
#0a00d0
```
#0a00d0 rgb(10,0,208)
```
#0b00e4
```
#0b00e4 rgb(11,0,228)
```
#0c00f7
```
#0c00f7 rgb(12,0,247)
```

Shade Color Variation

#180cff
```
#180cff rgb(24,12,255)
```
#2b20ff
```
#2b20ff rgb(43,32,255)
```
#3d33ff
```
#3d33ff rgb(61,51,255)
```
#5047ff
```
#5047ff rgb(80,71,255)
```
#635aff
```
#635aff rgb(99,90,255)
```
#756eff
```
#756eff rgb(117,110,255)
```
#8882ff
```
#8882ff rgb(136,130,255)
```
#9b95ff
```
#9b95ff rgb(155,149,255)
```
#ada9ff
```
#ada9ff rgb(173,169,255)
```
#c0bdff
```
#c0bdff rgb(192,189,255)
```
#d2d0ff
```
#d2d0ff rgb(210,208,255)
```
#e5e4ff
```
#e5e4ff rgb(229,228,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

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

#7d7c8f
```
#7d7c8f rgb(125,124,143)
```
#757398
```
#757398 rgb(117,115,152)
```
#6c69a2
```
#6c69a2 rgb(108,105,162)
```
#6460ab
```
#6460ab rgb(100,96,171)
```
#5b57b4
```
#5b57b4 rgb(91,87,180)
```
#534dbe
```
#534dbe rgb(83,77,190)
```
#4b44c7
```
#4b44c7 rgb(75,68,199)
```
#423bd0
```
#423bd0 rgb(66,59,208)
```
#3a31da
```
#3a31da rgb(58,49,218)
```
#3128e3
```
#3128e3 rgb(49,40,227)
```
#291fec
```
#291fec rgb(41,31,236)
```
#2015f6
```
#2015f6 rgb(32,21,246)
```
#180cff
```
#180cff rgb(24,12,255)
```

Tone Color Variation

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

Dichromacy

#0055a4 Protanopia 1% of men
#005a8d Deuteranopia 1% of men
#006063 Tritanopia 0.001% of the population

Trichromacy

#083ac5 Protanomaly 1% of men, 0.01% of women
#083db7 Deuteranomaly 6% of men, 0.4% of women
#08419c Tritanomaly 0.01% of the population

#180cff hex color

#180cff Color Information

#180cff Color Conversion

Color Schemes with #180cff

Alternatives to #180cff

#180cff Preview

Shades and Tints of #180cff

Tones of #180cff

Color Blindness Simulator