#180bb2 hex color

In a RGB color space, hex #180bb2 is composed of 9.4% red, 4.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 93.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 244.7 degrees, a saturation of 88.4% and a lightness of 37.1%. #180bb2 color hex could be obtained by blending #3016ff with #000065. Closest websafe color is: #000099.

♥
- f
- t
- g
- R 9
- G 4
- B 70
RGB color chart
- C 87
- M 94
- Y 0
- K 30
CMYK color chart

● #180bb2 color description : Dark blue.

The hexadecimal color #180bb2 has RGB values of R:24, G:11, B:178 and CMYK values of C:0.87, M:0.94, Y:0, K:0.3. Its decimal value is 1575858.

Hex triplet	180bb2	`#180bb2`
RGB Decimal	24, 11, 178	`rgb(24,11,178)`
RGB Percent	9.4, 4.3, 69.8	`rgb(9.4%,4.3%,69.8%)`
CMYK	87, 94, 0, 30
HSL	244.7°, 88.4, 37.1	`hsl(244.7,88.4%,37.1%)`
HSV (or HSB)	244.7°, 93.8, 69.8
Web Safe	000099	`#000099`

CIE-LAB	22.469, 58.048, -79.69
XYZ	8.531, 3.647, 42.371
xyY	0.156, 0.067, 3.647
CIE-LCH	22.469, 98.59, 306.071
CIE-LUV	22.469, -5.428, -86.43
Hunter-Lab	19.098, 46.311, -118.175
Binary	00011000, 00001011, 10110010

#180bb2
```
#180bb2 rgb(24,11,178)
```
#a5b20b
```
#a5b20b rgb(165,178,11)
```

Complementary Color

#0b52b2
```
#0b52b2 rgb(11,82,178)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#6c0bb2
```
#6c0bb2 rgb(108,11,178)
```

Analogous Color

#52b20b
```
#52b20b rgb(82,178,11)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#b26c0b
```
#b26c0b rgb(178,108,11)
```

Split Complementary Color

#0bb218
```
#0bb218 rgb(11,178,24)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#b2180b
```
#b2180b rgb(178,24,11)
```

Triadic Color

#0ba5b2
```
#0ba5b2 rgb(11,165,178)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#b2180b
```
#b2180b rgb(178,24,11)
```
#a5b20b
```
#a5b20b rgb(165,178,11)
```

Tetradic Color

#0e076a
```
#0e076a rgb(14,7,106)
```
#120882
```
#120882 rgb(18,8,130)
```
#150a9a
```
#150a9a rgb(21,10,154)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#1b0cca
```
#1b0cca rgb(27,12,202)
```
#1e0ee2
```
#1e0ee2 rgb(30,14,226)
```
#2a19f1
```
#2a19f1 rgb(42,25,241)
```

Monochromatic Color

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

#0b28b2
```
#0b28b2 rgb(11,40,178)
```
#0b1ab2
```
#0b1ab2 rgb(11,26,178)
```
#0b0cb2
```
#0b0cb2 rgb(11,12,178)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#260bb2
```
#260bb2 rgb(38,11,178)
```
#340bb2
```
#340bb2 rgb(52,11,178)
```
#420bb2
```
#420bb2 rgb(66,11,178)
```

Similar Colors

Text with hexadecimal color #180bb2

This text has a font color of #180bb2.

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

#180bb2 background color

This paragraph has a background color of #180bb2.

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

#180bb2 border color

This element has a border color of #180bb2.

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

CSS codes

.text {color:#180bb2;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#04021e
```
#04021e rgb(4,2,30)
```
#070331
```
#070331 rgb(7,3,49)
```
#090443
```
#090443 rgb(9,4,67)
```
#0c0556
```
#0c0556 rgb(12,5,86)
```
#0e0668
```
#0e0668 rgb(14,6,104)
```
#11087b
```
#11087b rgb(17,8,123)
```
#13098d
```
#13098d rgb(19,9,141)
```
#160aa0
```
#160aa0 rgb(22,10,160)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#1a0cc4
```
#1a0cc4 rgb(26,12,196)
```
#1d0dd7
```
#1d0dd7 rgb(29,13,215)
```
#1f0ee9
```
#1f0ee9 rgb(31,14,233)
```

Shade Color Variation

#2b1bf1
```
#2b1bf1 rgb(43,27,241)
```
#3c2df2
```
#3c2df2 rgb(60,45,242)
```
#4e40f3
```
#4e40f3 rgb(78,64,243)
```
#5f52f4
```
#5f52f4 rgb(95,82,244)
```
#7064f5
```
#7064f5 rgb(112,100,245)
```
#8177f7
```
#8177f7 rgb(129,119,247)
```
#9289f8
```
#9289f8 rgb(146,137,248)
```
#a39cf9
```
#a39cf9 rgb(163,156,249)
```
#b4aefa
```
#b4aefa rgb(180,174,250)
```
#c5c1fb
```
#c5c1fb rgb(197,193,251)
```
#d7d3fc
```
#d7d3fc rgb(215,211,252)
```
#e8e6fd
```
#e8e6fd rgb(232,230,253)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5b62 is the less saturated color, while #1204b9 is the most saturated one.

#5c5b62
```
#5c5b62 rgb(92,91,98)
```
#555469
```
#555469 rgb(85,84,105)
```
#4f4c71
```
#4f4c71 rgb(79,76,113)
```
#494578
```
#494578 rgb(73,69,120)
```
#433e7f
```
#433e7f rgb(67,62,127)
```
#3d3786
```
#3d3786 rgb(61,55,134)
```
#372f8e
```
#372f8e rgb(55,47,142)
```
#312895
```
#312895 rgb(49,40,149)
```
#2a219c
```
#2a219c rgb(42,33,156)
```
#241aa3
```
#241aa3 rgb(36,26,163)
```
#1e12ab
```
#1e12ab rgb(30,18,171)
```
#180bb2
```
#180bb2 rgb(24,11,178)
```
#1204b9
```
#1204b9 rgb(18,4,185)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#201d3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004268 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#082b8d Protanomaly 1% of men, 0.01% of women
#082e83 Deuteranomaly 6% of men, 0.4% of women
#08306f Tritanomaly 0.01% of the population

#180bb2 hex color

#180bb2 Color Information

#180bb2 Color Conversion

Color Schemes with #180bb2

Alternatives to #180bb2

#180bb2 Preview

Shades and Tints of #180bb2

Tones of #180bb2

Color Blindness Simulator