colorhexa.com

#153ea1 hex color

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

- R 8
- G 24
- B 63
RGB color chart
- C 87
- M 61
- Y 0
- K 37
CMYK color chart

● #153ea1 color description : Dark blue.

The hexadecimal color #153ea1 has RGB values of R:21, G:62, B:161 and CMYK values of C:0.87, M:0.61, Y:0, K:0.37. Its decimal value is 1392289.

Hex triplet	153ea1	`#153ea1`
RGB Decimal	21, 62, 161	`rgb(21,62,161)`
RGB Percent	8.2, 24.3, 63.1	`rgb(8.2%,24.3%,63.1%)`
CMYK	87, 61, 0, 37
HSL	222.4°, 76.9, 35.7	`hsl(222.4,76.9%,35.7%)`
HSV (or HSB)	222.4°, 87, 63.1
Web Safe	003399	`#003399`

CIE-LAB	29.855, 25.624, -57.238
XYZ	8.464, 6.177, 34.463
xyY	0.172, 0.126, 6.177
CIE-LCH	29.855, 62.712, 294.117
CIE-LUV	29.855, -12.537, -76.262
Hunter-Lab	24.854, 17.29, -64.814
Binary	00010101, 00111110, 10100001

#153ea1
```
#153ea1 rgb(21,62,161)
```
#a17815
```
#a17815 rgb(161,120,21)
```

Complementary Color

#1584a1
```
#1584a1 rgb(21,132,161)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#3215a1
```
#3215a1 rgb(50,21,161)
```

Analogous Color

#84a115
```
#84a115 rgb(132,161,21)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#a13215
```
#a13215 rgb(161,50,21)
```

Split Complementary Color

#3ea115
```
#3ea115 rgb(62,161,21)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#a1153e
```
#a1153e rgb(161,21,62)
```

Triadic Color

#15a178
```
#15a178 rgb(21,161,120)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#a1153e
```
#a1153e rgb(161,21,62)
```
#a17815
```
#a17815 rgb(161,120,21)
```

Tetradic Color

#0c245d
```
#0c245d rgb(12,36,93)
```
#0f2d74
```
#0f2d74 rgb(15,45,116)
```
#12358a
```
#12358a rgb(18,53,138)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#1847b8
```
#1847b8 rgb(24,71,184)
```
#1b4fce
```
#1b4fce rgb(27,79,206)
```
#2159e2
```
#2159e2 rgb(33,89,226)
```

Monochromatic Color

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

#1561a1
```
#1561a1 rgb(21,97,161)
```
#1555a1
```
#1555a1 rgb(21,85,161)
```
#154aa1
```
#154aa1 rgb(21,74,161)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#1532a1
```
#1532a1 rgb(21,50,161)
```
#1527a1
```
#1527a1 rgb(21,39,161)
```
#151ba1
```
#151ba1 rgb(21,27,161)
```

Similar Colors

Text with hexadecimal color #153ea1

This text has a font color of #153ea1.

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

#153ea1 background color

This paragraph has a background color of #153ea1.

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

#153ea1 border color

This element has a border color of #153ea1.

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

CSS codes

.text {color:#153ea1;}

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

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

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 #f2f6fd is the lightest one.

#010205
```
#010205 rgb(1,2,5)
```
#030916
```
#030916 rgb(3,9,22)
```
#050f28
```
#050f28 rgb(5,15,40)
```
#071639
```
#071639 rgb(7,22,57)
```
#0a1d4a
```
#0a1d4a rgb(10,29,74)
```
#0c235c
```
#0c235c rgb(12,35,92)
```
#0e2a6d
```
#0e2a6d rgb(14,42,109)
```
#10317e
```
#10317e rgb(16,49,126)
```
#133790
```
#133790 rgb(19,55,144)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#1745b2
```
#1745b2 rgb(23,69,178)
```
#1a4bc4
```
#1a4bc4 rgb(26,75,196)
```
#1c52d5
```
#1c52d5 rgb(28,82,213)
```

Shade Color Variation

#225ae2
```
#225ae2 rgb(34,90,226)
```
#3467e4
```
#3467e4 rgb(52,103,228)
```
#4574e7
```
#4574e7 rgb(69,116,231)
```
#5681e9
```
#5681e9 rgb(86,129,233)
```
#688eeb
```
#688eeb rgb(104,142,235)
```
#799bee
```
#799bee rgb(121,155,238)
```
#8aa8f0
```
#8aa8f0 rgb(138,168,240)
```
#9cb5f2
```
#9cb5f2 rgb(156,181,242)
```
#adc2f4
```
#adc2f4 rgb(173,194,244)
```
#becff7
```
#becff7 rgb(190,207,247)
```
#d0dcf9
```
#d0dcf9 rgb(208,220,249)
```
#e1e9fb
```
#e1e9fb rgb(225,233,251)
```
#f2f6fd
```
#f2f6fd rgb(242,246,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 #0035b6 is the most saturated one.

#545862
```
#545862 rgb(84,88,98)
```
#4d5569
```
#4d5569 rgb(77,85,105)
```
#465270
```
#465270 rgb(70,82,112)
```
#3f4f77
```
#3f4f77 rgb(63,79,119)
```
#384d7e
```
#384d7e rgb(56,77,126)
```
#314a85
```
#314a85 rgb(49,74,133)
```
#2a478c
```
#2a478c rgb(42,71,140)
```
#234493
```
#234493 rgb(35,68,147)
```
#1c419a
```
#1c419a rgb(28,65,154)
```
#153ea1
```
#153ea1 rgb(21,62,161)
```
#0e3ba8
```
#0e3ba8 rgb(14,59,168)
```
#0738af
```
#0738af rgb(7,56,175)
```
#0035b6
```
#0035b6 rgb(0,53,182)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#353d51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d97 Protanopia 1% of men
#005184 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#07479a Protanomaly 1% of men, 0.01% of women
#074a8e Deuteranomaly 6% of men, 0.4% of women
#074e75 Tritanomaly 0.01% of the population