#180cc2 hex color

In a RGB color space, hex #180cc2 is composed of 9.4% red, 4.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 93.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 244 degrees, a saturation of 88.3% and a lightness of 40.4%. #180cc2 color hex could be obtained by blending #3018ff with #000085. Closest websafe color is: #0000cc.

♥
- f
- t
- g
- R 9
- G 5
- B 76
RGB color chart
- C 88
- M 94
- Y 0
- K 24
CMYK color chart

● #180cc2 color description : Strong blue.

The hexadecimal color #180cc2 has RGB values of R:24, G:12, B:194 and CMYK values of C:0.88, M:0.94, Y:0, K:0.24. Its decimal value is 1576130.

Hex triplet	180cc2	`#180cc2`
RGB Decimal	24, 12, 194	`rgb(24,12,194)`
RGB Percent	9.4, 4.7, 76.1	`rgb(9.4%,4.7%,76.1%)`
CMYK	88, 94, 0, 24
HSL	244°, 88.3, 40.4	`hsl(244,88.3%,40.4%)`
HSV (or HSB)	244°, 93.8, 76.1
Web Safe	0000cc	`#0000cc`

CIE-LAB	24.801, 62.08, -85.316
XYZ	10.244, 4.351, 51.336
xyY	0.155, 0.066, 4.351
CIE-LCH	24.801, 105.512, 306.041
CIE-LUV	24.801, -6.228, -95.985
Hunter-Lab	20.86, 51.151, -131.309
Binary	00011000, 00001100, 11000010

#180cc2
```
#180cc2 rgb(24,12,194)
```
#b6c20c
```
#b6c20c rgb(182,194,12)
```

Complementary Color

#0c5bc2
```
#0c5bc2 rgb(12,91,194)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#730cc2
```
#730cc2 rgb(115,12,194)
```

Analogous Color

#5bc20c
```
#5bc20c rgb(91,194,12)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#c2730c
```
#c2730c rgb(194,115,12)
```

Split Complementary Color

#0cc218
```
#0cc218 rgb(12,194,24)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#c2180c
```
#c2180c rgb(194,24,12)
```

Triadic Color

#0cb6c2
```
#0cb6c2 rgb(12,182,194)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#c2180c
```
#c2180c rgb(194,24,12)
```
#b6c20c
```
#b6c20c rgb(182,194,12)
```

Tetradic Color

#0f087a
```
#0f087a rgb(15,8,122)
```
#120992
```
#120992 rgb(18,9,146)
```
#150baa
```
#150baa rgb(21,11,170)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#1b0dda
```
#1b0dda rgb(27,13,218)
```
#1f11f0
```
#1f11f0 rgb(31,17,240)
```
#3629f2
```
#3629f2 rgb(54,41,242)
```

Monochromatic Color

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

#0c2ec2
```
#0c2ec2 rgb(12,46,194)
```
#0c1ec2
```
#0c1ec2 rgb(12,30,194)
```
#0c0fc2
```
#0c0fc2 rgb(12,15,194)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#270cc2
```
#270cc2 rgb(39,12,194)
```
#360cc2
```
#360cc2 rgb(54,12,194)
```
#460cc2
```
#460cc2 rgb(70,12,194)
```

Similar Colors

Text with hexadecimal color #180cc2

This text has a font color of #180cc2.

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

#180cc2 background color

This paragraph has a background color of #180cc2.

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

#180cc2 border color

This element has a border color of #180cc2.

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

CSS codes

.text {color:#180cc2;}

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

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

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

#010109
```
#010109 rgb(1,1,9)
```
#03021c
```
#03021c rgb(3,2,28)
```
#06032e
```
#06032e rgb(6,3,46)
```
#080441
```
#080441 rgb(8,4,65)
```
#0a0553
```
#0a0553 rgb(10,5,83)
```
#0d0666
```
#0d0666 rgb(13,6,102)
```
#0f0778
```
#0f0778 rgb(15,7,120)
```
#11098b
```
#11098b rgb(17,9,139)
```
#130a9d
```
#130a9d rgb(19,10,157)
```
#160bb0
```
#160bb0 rgb(22,11,176)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#1a0dd4
```
#1a0dd4 rgb(26,13,212)
```
#1d0ee7
```
#1d0ee7 rgb(29,14,231)
```

Shade Color Variation

#2618f1
```
#2618f1 rgb(38,24,241)
```
#382bf2
```
#382bf2 rgb(56,43,242)
```
#493df3
```
#493df3 rgb(73,61,243)
```
#5a50f4
```
#5a50f4 rgb(90,80,244)
```
#6c62f5
```
#6c62f5 rgb(108,98,245)
```
#7d74f6
```
#7d74f6 rgb(125,116,246)
```
#8e87f8
```
#8e87f8 rgb(142,135,248)
```
#a099f9
```
#a099f9 rgb(160,153,249)
```
#b1acfa
```
#b1acfa rgb(177,172,250)
```
#c2befb
```
#c2befb rgb(194,190,251)
```
#d4d1fc
```
#d4d1fc rgb(212,209,252)
```
#e5e3fd
```
#e5e3fd rgb(229,227,253)
```
#f6f6fe
```
#f6f6fe rgb(246,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64636b is the less saturated color, while #1104ca is the most saturated one.

#64636b
```
#64636b rgb(100,99,107)
```
#5d5b73
```
#5d5b73 rgb(93,91,115)
```
#56537b
```
#56537b rgb(86,83,123)
```
#4f4b83
```
#4f4b83 rgb(79,75,131)
```
#48438b
```
#48438b rgb(72,67,139)
```
#413c92
```
#413c92 rgb(65,60,146)
```
#3a349a
```
#3a349a rgb(58,52,154)
```
#342ca2
```
#342ca2 rgb(52,44,162)
```
#2d24aa
```
#2d24aa rgb(45,36,170)
```
#261cb2
```
#261cb2 rgb(38,28,178)
```
#1f14ba
```
#1f14ba rgb(31,20,186)
```
#180cc2
```
#180cc2 rgb(24,12,194)
```
#1104ca
```
#1104ca rgb(17,4,202)
```

Tone Color Variation

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

#242424 Achromatopsia 0.005% of the population
#221f44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004382 Protanopia 1% of men
#004770 Deuteranopia 1% of men
#004c4f Tritanopia 0.001% of the population

Trichromacy

#082f99 Protanomaly 1% of men, 0.01% of women
#08318d Deuteranomaly 6% of men, 0.4% of women
#083478 Tritanomaly 0.01% of the population

#180cc2 hex color

#180cc2 Color Information

#180cc2 Color Conversion

Color Schemes with #180cc2

Alternatives to #180cc2

#180cc2 Preview

Shades and Tints of #180cc2

Tones of #180cc2

Color Blindness Simulator