#153ba2 hex color

In a RGB color space, hex #153ba2 is composed of 8.2% red, 23.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 63.6% magenta, 0% yellow and 36.5% black. It has a hue angle of 223.8 degrees, a saturation of 77% and a lightness of 35.9%. #153ba2 color hex could be obtained by blending #2a76ff with #000045. Closest websafe color is: #003399.

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

● #153ba2 color description : Dark blue.

The hexadecimal color #153ba2 has RGB values of R:21, G:59, B:162 and CMYK values of C:0.87, M:0.64, Y:0, K:0.36. Its decimal value is 1391522.

Hex triplet	153ba2	`#153ba2`
RGB Decimal	21, 59, 162	`rgb(21,59,162)`
RGB Percent	8.2, 23.1, 63.5	`rgb(8.2%,23.1%,63.5%)`
CMYK	87, 64, 0, 36
HSL	223.8°, 77, 35.9	`hsl(223.8,77%,35.9%)`
HSV (or HSB)	223.8°, 87, 63.5
Web Safe	003399	`#003399`

CIE-LAB	29.147, 28.059, -59.002
XYZ	8.393, 5.895, 34.876
xyY	0.171, 0.12, 5.895
CIE-LCH	29.147, 65.334, 295.434
CIE-LUV	29.147, -11.815, -77.66
Hunter-Lab	24.28, 19.215, -68.167
Binary	00010101, 00111011, 10100010

#153ba2
```
#153ba2 rgb(21,59,162)
```
#a27c15
```
#a27c15 rgb(162,124,21)
```

Complementary Color

#1582a2
```
#1582a2 rgb(21,130,162)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#3515a2
```
#3515a2 rgb(53,21,162)
```

Analogous Color

#82a215
```
#82a215 rgb(130,162,21)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#a23515
```
#a23515 rgb(162,53,21)
```

Split Complementary Color

#3ba215
```
#3ba215 rgb(59,162,21)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#a2153b
```
#a2153b rgb(162,21,59)
```

Triadic Color

#15a27c
```
#15a27c rgb(21,162,124)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#a2153b
```
#a2153b rgb(162,21,59)
```
#a27c15
```
#a27c15 rgb(162,124,21)
```

Tetradic Color

#0c225e
```
#0c225e rgb(12,34,94)
```
#0f2b75
```
#0f2b75 rgb(15,43,117)
```
#12338b
```
#12338b rgb(18,51,139)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#1843b9
```
#1843b9 rgb(24,67,185)
```
#1b4bcf
```
#1b4bcf rgb(27,75,207)
```
#2155e2
```
#2155e2 rgb(33,85,226)
```

Monochromatic Color

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

#155ea2
```
#155ea2 rgb(21,94,162)
```
#1553a2
```
#1553a2 rgb(21,83,162)
```
#1547a2
```
#1547a2 rgb(21,71,162)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#152fa2
```
#152fa2 rgb(21,47,162)
```
#1524a2
```
#1524a2 rgb(21,36,162)
```
#1518a2
```
#1518a2 rgb(21,24,162)
```

Similar Colors

Text with hexadecimal color #153ba2

This text has a font color of #153ba2.

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

#153ba2 background color

This paragraph has a background color of #153ba2.

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

#153ba2 border color

This element has a border color of #153ba2.

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

CSS codes

.text {color:#153ba2;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030817
```
#030817 rgb(3,8,23)
```
#050f28
```
#050f28 rgb(5,15,40)
```
#07153a
```
#07153a rgb(7,21,58)
```
#0a1b4b
```
#0a1b4b rgb(10,27,75)
```
#0c225d
```
#0c225d rgb(12,34,93)
```
#0e286e
```
#0e286e rgb(14,40,110)
```
#102e7f
```
#102e7f rgb(16,46,127)
```
#133591
```
#133591 rgb(19,53,145)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#1741b3
```
#1741b3 rgb(23,65,179)
```
#1a48c5
```
#1a48c5 rgb(26,72,197)
```
#1c4ed6
```
#1c4ed6 rgb(28,78,214)
```

Shade Color Variation

#2357e2
```
#2357e2 rgb(35,87,226)
```
#3464e5
```
#3464e5 rgb(52,100,229)
```
#4671e7
```
#4671e7 rgb(70,113,231)
```
#577ee9
```
#577ee9 rgb(87,126,233)
```
#688ceb
```
#688ceb rgb(104,140,235)
```
#7a99ee
```
#7a99ee rgb(122,153,238)
```
#8ba6f0
```
#8ba6f0 rgb(139,166,240)
```
#9db4f2
```
#9db4f2 rgb(157,180,242)
```
#aec1f4
```
#aec1f4 rgb(174,193,244)
```
#bfcef7
```
#bfcef7 rgb(191,206,247)
```
#d1dcf9
```
#d1dcf9 rgb(209,220,249)
```
#e2e9fb
```
#e2e9fb rgb(226,233,251)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

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

#5b5b5c
```
#5b5b5c rgb(91,91,92)
```
#545863
```
#545863 rgb(84,88,99)
```
#4d556a
```
#4d556a rgb(77,85,106)
```
#465271
```
#465271 rgb(70,82,113)
```
#3f4e78
```
#3f4e78 rgb(63,78,120)
```
#384b7f
```
#384b7f rgb(56,75,127)
```
#314886
```
#314886 rgb(49,72,134)
```
#2a458d
```
#2a458d rgb(42,69,141)
```
#234194
```
#234194 rgb(35,65,148)
```
#1c3e9b
```
#1c3e9b rgb(28,62,155)
```
#153ba2
```
#153ba2 rgb(21,59,162)
```
#0e38a9
```
#0e38a9 rgb(14,56,169)
```
#0735b0
```
#0735b0 rgb(7,53,176)
```

Tone Color Variation

Below, you can see how #153ba2 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
#333b50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005081 Deuteranopia 1% of men
#00565a Tritanopia 0.001% of the population

Trichromacy

#074599 Protanomaly 1% of men, 0.01% of women
#07488d Deuteranomaly 6% of men, 0.4% of women
#074c74 Tritanomaly 0.01% of the population

#153ba2 hex color

#153ba2 Color Information

#153ba2 Color Conversion

Color Schemes with #153ba2

Alternatives to #153ba2

#153ba2 Preview

Shades and Tints of #153ba2

Tones of #153ba2

Color Blindness Simulator