#180bec hex color

In a RGB color space, hex #180bec is composed of 9.4% red, 4.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 89.8% cyan, 95.3% magenta, 0% yellow and 7.5% black. It has a hue angle of 243.5 degrees, a saturation of 91.1% and a lightness of 48.4%. #180bec color hex could be obtained by blending #3016ff with #0000d9. Closest websafe color is: #0000ff.

♥
- f
- t
- g
- R 9
- G 4
- B 93
RGB color chart
- C 90
- M 95
- Y 0
- K 7
CMYK color chart

● #180bec color description : Vivid blue.

The hexadecimal color #180bec has RGB values of R:24, G:11, B:236 and CMYK values of C:0.9, M:0.95, Y:0, K:0.07. Its decimal value is 1575916.

Hex triplet	180bec	`#180bec`
RGB Decimal	24, 11, 236	`rgb(24,11,236)`
RGB Percent	9.4, 4.3, 92.5	`rgb(9.4%,4.3%,92.5%)`
CMYK	90, 95, 0, 7
HSL	243.5°, 91.1, 48.4	`hsl(243.5,91.1%,48.4%)`
HSV (or HSB)	243.5°, 95.3, 92.5
Web Safe	0000ff	`#0000ff`

CIE-LAB	30.613, 73.036, -99.939
XYZ	15.634, 6.488, 79.781
xyY	0.153, 0.064, 6.488
CIE-LCH	30.613, 123.782, 306.16
CIE-LUV	30.613, -8.094, -120.417
Hunter-Lab	25.473, 64.977, -167.867
Binary	00011000, 00001011, 11101100

#180bec
```
#180bec rgb(24,11,236)
```
#dfec0b
```
#dfec0b rgb(223,236,11)
```

Complementary Color

#0b6fec
```
#0b6fec rgb(11,111,236)
```
#180bec
```
#180bec rgb(24,11,236)
```
#890bec
```
#890bec rgb(137,11,236)
```

Analogous Color

#6fec0b
```
#6fec0b rgb(111,236,11)
```
#180bec
```
#180bec rgb(24,11,236)
```
#ec890b
```
#ec890b rgb(236,137,11)
```

Split Complementary Color

#0bec18
```
#0bec18 rgb(11,236,24)
```
#180bec
```
#180bec rgb(24,11,236)
```
#ec180b
```
#ec180b rgb(236,24,11)
```

Triadic Color

#0bdfec
```
#0bdfec rgb(11,223,236)
```
#180bec
```
#180bec rgb(24,11,236)
```
#ec180b
```
#ec180b rgb(236,24,11)
```
#dfec0b
```
#dfec0b rgb(223,236,11)
```

Tetradic Color

#1108a3
```
#1108a3 rgb(17,8,163)
```
#1309bb
```
#1309bb rgb(19,9,187)
```
#160ad4
```
#160ad4 rgb(22,10,212)
```
#180bec
```
#180bec rgb(24,11,236)
```
#291cf4
```
#291cf4 rgb(41,28,244)
```
#4034f6
```
#4034f6 rgb(64,52,246)
```
#574df7
```
#574df7 rgb(87,77,247)
```

Monochromatic Color

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

#0b36ec
```
#0b36ec rgb(11,54,236)
```
#0b24ec
```
#0b24ec rgb(11,36,236)
```
#0b11ec
```
#0b11ec rgb(11,17,236)
```
#180bec
```
#180bec rgb(24,11,236)
```
#2b0bec
```
#2b0bec rgb(43,11,236)
```
#3d0bec
```
#3d0bec rgb(61,11,236)
```
#500bec
```
#500bec rgb(80,11,236)
```

Similar Colors

Text with hexadecimal color #180bec

This text has a font color of #180bec.

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

#180bec background color

This paragraph has a background color of #180bec.

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

#180bec border color

This element has a border color of #180bec.

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

CSS codes

.text {color:#180bec;}

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

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

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

#01010b
```
#01010b rgb(1,1,11)
```
#03011e
```
#03011e rgb(3,1,30)
```
#050231
```
#050231 rgb(5,2,49)
```
#070343
```
#070343 rgb(7,3,67)
```
#090456
```
#090456 rgb(9,4,86)
```
#0b0569
```
#0b0569 rgb(11,5,105)
```
#0d067c
```
#0d067c rgb(13,6,124)
```
#0e078e
```
#0e078e rgb(14,7,142)
```
#1008a1
```
#1008a1 rgb(16,8,161)
```
#1208b4
```
#1208b4 rgb(18,8,180)
```
#1409c7
```
#1409c7 rgb(20,9,199)
```
#160ad9
```
#160ad9 rgb(22,10,217)
```
#180bec
```
#180bec rgb(24,11,236)
```

Shade Color Variation

#2316f4
```
#2316f4 rgb(35,22,244)
```
#3529f5
```
#3529f5 rgb(53,41,245)
```
#473cf6
```
#473cf6 rgb(71,60,246)
```
#584ff7
```
#584ff7 rgb(88,79,247)
```
#6a61f8
```
#6a61f8 rgb(106,97,248)
```
#7c74f9
```
#7c74f9 rgb(124,116,249)
```
#8e87f9
```
#8e87f9 rgb(142,135,249)
```
#9f9afa
```
#9f9afa rgb(159,154,250)
```
#b1acfb
```
#b1acfb rgb(177,172,251)
```
#c3bffc
```
#c3bffc rgb(195,191,252)
```
#d4d2fd
```
#d4d2fd rgb(212,210,253)
```
#e6e5fe
```
#e6e5fe rgb(230,229,254)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747484 is the less saturated color, while #1001f6 is the most saturated one.

#747484
```
#747484 rgb(116,116,132)
```
#6c6a8d
```
#6c6a8d rgb(108,106,141)
```
#646197
```
#646197 rgb(100,97,151)
```
#5b57a0
```
#5b57a0 rgb(91,87,160)
```
#534eaa
```
#534eaa rgb(83,78,170)
```
#4a44b3
```
#4a44b3 rgb(74,68,179)
```
#423bbd
```
#423bbd rgb(66,59,189)
```
#3a31c6
```
#3a31c6 rgb(58,49,198)
```
#3128d0
```
#3128d0 rgb(49,40,208)
```
#291ed9
```
#291ed9 rgb(41,30,217)
```
#2015e3
```
#2015e3 rgb(32,21,227)
```
#180bec
```
#180bec rgb(24,11,236)
```
#1001f6
```
#1001f6 rgb(16,1,246)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#262350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005484 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#0836b7 Protanomaly 1% of men, 0.01% of women
#0839aa Deuteranomaly 6% of men, 0.4% of women
#083d91 Tritanomaly 0.01% of the population

#180bec hex color

#180bec Color Information

#180bec Color Conversion

Color Schemes with #180bec

Alternatives to #180bec

#180bec Preview

Shades and Tints of #180bec

Tones of #180bec

Color Blindness Simulator