#153aa1 hex color

In a RGB color space, hex #153aa1 is composed of 8.2% red, 22.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 64% magenta, 0% yellow and 36.9% black. It has a hue angle of 224.1 degrees, a saturation of 76.9% and a lightness of 35.7%. #153aa1 color hex could be obtained by blending #2a74ff with #000043. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 23
- B 63
RGB color chart
- C 87
- M 64
- Y 0
- K 37
CMYK color chart

● #153aa1 color description : Dark blue.

The hexadecimal color #153aa1 has RGB values of R:21, G:58, B:161 and CMYK values of C:0.87, M:0.64, Y:0, K:0.37. Its decimal value is 1391265.

Hex triplet	153aa1	`#153aa1`
RGB Decimal	21, 58, 161	`rgb(21,58,161)`
RGB Percent	8.2, 22.7, 63.1	`rgb(8.2%,22.7%,63.1%)`
CMYK	87, 64, 0, 37
HSL	224.1°, 76.9, 35.7	`hsl(224.1,76.9%,35.7%)`
HSV (or HSB)	224.1°, 87, 63.1
Web Safe	003399	`#003399`

CIE-LAB	28.794, 28.341, -58.976
XYZ	8.254, 5.758, 34.393
xyY	0.171, 0.119, 5.758
CIE-LCH	28.794, 65.432, 295.666
CIE-LUV	28.794, -11.577, -77.239
Hunter-Lab	23.996, 19.406, -68.181
Binary	00010101, 00111010, 10100001

#153aa1
```
#153aa1 rgb(21,58,161)
```
#a17c15
```
#a17c15 rgb(161,124,21)
```

Complementary Color

#1580a1
```
#1580a1 rgb(21,128,161)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#3615a1
```
#3615a1 rgb(54,21,161)
```

Analogous Color

#80a115
```
#80a115 rgb(128,161,21)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#a13615
```
#a13615 rgb(161,54,21)
```

Split Complementary Color

#3aa115
```
#3aa115 rgb(58,161,21)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#a1153a
```
#a1153a rgb(161,21,58)
```

Triadic Color

#15a17c
```
#15a17c rgb(21,161,124)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#a1153a
```
#a1153a rgb(161,21,58)
```
#a17c15
```
#a17c15 rgb(161,124,21)
```

Tetradic Color

#0c225d
```
#0c225d rgb(12,34,93)
```
#0f2a74
```
#0f2a74 rgb(15,42,116)
```
#12328a
```
#12328a rgb(18,50,138)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#1842b8
```
#1842b8 rgb(24,66,184)
```
#1b4ace
```
#1b4ace rgb(27,74,206)
```
#2154e2
```
#2154e2 rgb(33,84,226)
```

Monochromatic Color

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

#155da1
```
#155da1 rgb(21,93,161)
```
#1551a1
```
#1551a1 rgb(21,81,161)
```
#1546a1
```
#1546a1 rgb(21,70,161)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#152ea1
```
#152ea1 rgb(21,46,161)
```
#1523a1
```
#1523a1 rgb(21,35,161)
```
#1517a1
```
#1517a1 rgb(21,23,161)
```

Similar Colors

Text with hexadecimal color #153aa1

This text has a font color of #153aa1.

<span style="color:#153aa1;">Text here</span>

#153aa1 background color

This paragraph has a background color of #153aa1.

<p style="background-color:#153aa1;">Content here</p>

#153aa1 border color

This element has a border color of #153aa1.

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

CSS codes

.text {color:#153aa1;}

.background {background-color:#153aa1;}

.border {border:1px solid #153aa1;}

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

#010205
```
#010205 rgb(1,2,5)
```
#030816
```
#030816 rgb(3,8,22)
```
#050e28
```
#050e28 rgb(5,14,40)
```
#071439
```
#071439 rgb(7,20,57)
```
#0a1b4a
```
#0a1b4a rgb(10,27,74)
```
#0c215c
```
#0c215c rgb(12,33,92)
```
#0e276d
```
#0e276d rgb(14,39,109)
```
#102d7e
```
#102d7e rgb(16,45,126)
```
#133490
```
#133490 rgb(19,52,144)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#1740b2
```
#1740b2 rgb(23,64,178)
```
#1a47c4
```
#1a47c4 rgb(26,71,196)
```
#1c4dd5
```
#1c4dd5 rgb(28,77,213)
```

Shade Color Variation

#2255e2
```
#2255e2 rgb(34,85,226)
```
#3462e4
```
#3462e4 rgb(52,98,228)
```
#4570e7
```
#4570e7 rgb(69,112,231)
```
#567de9
```
#567de9 rgb(86,125,233)
```
#688aeb
```
#688aeb rgb(104,138,235)
```
#7998ee
```
#7998ee rgb(121,152,238)
```
#8aa5f0
```
#8aa5f0 rgb(138,165,240)
```
#9cb3f2
```
#9cb3f2 rgb(156,179,242)
```
#adc0f4
```
#adc0f4 rgb(173,192,244)
```
#becdf7
```
#becdf7 rgb(190,205,247)
```
#d0dbf9
```
#d0dbf9 rgb(208,219,249)
```
#e1e8fb
```
#e1e8fb rgb(225,232,251)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#545862
```
#545862 rgb(84,88,98)
```
#4d5469
```
#4d5469 rgb(77,84,105)
```
#465170
```
#465170 rgb(70,81,112)
```
#3f4e77
```
#3f4e77 rgb(63,78,119)
```
#384b7e
```
#384b7e rgb(56,75,126)
```
#314785
```
#314785 rgb(49,71,133)
```
#2a448c
```
#2a448c rgb(42,68,140)
```
#234193
```
#234193 rgb(35,65,147)
```
#1c3d9a
```
#1c3d9a rgb(28,61,154)
```
#153aa1
```
#153aa1 rgb(21,58,161)
```
#0e37a8
```
#0e37a8 rgb(14,55,168)
```
#0733af
```
#0733af rgb(7,51,175)
```
#0030b6
```
#0030b6 rgb(0,48,182)
```

Tone Color Variation

Below, you can see how #153aa1 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

#3b3b3b Achromatopsia 0.005% of the population
#333b4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#004f7f Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#074598 Protanomaly 1% of men, 0.01% of women
#07478b Deuteranomaly 6% of men, 0.4% of women
#074b73 Tritanomaly 0.01% of the population

#153aa1 hex color

#153aa1 Color Information

#153aa1 Color Conversion

Color Schemes with #153aa1

Alternatives to #153aa1

#153aa1 Preview

Shades and Tints of #153aa1

Tones of #153aa1

Color Blindness Simulator