#154ba1 hex color

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

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

● #154ba1 color description : Dark blue.

The hexadecimal color #154ba1 has RGB values of R:21, G:75, B:161 and CMYK values of C:0.87, M:0.53, Y:0, K:0.37. Its decimal value is 1395617.

Hex triplet	154ba1	`#154ba1`
RGB Decimal	21, 75, 161	`rgb(21,75,161)`
RGB Percent	8.2, 29.4, 63.1	`rgb(8.2%,29.4%,63.1%)`
CMYK	87, 53, 0, 37
HSL	216.9°, 76.9, 35.7	`hsl(216.9,76.9%,35.7%)`
HSV (or HSB)	216.9°, 87, 63.1
Web Safe	003399	`#003399`

CIE-LAB	33.487, 16.741, -51.325
XYZ	9.257, 7.764, 34.727
xyY	0.179, 0.15, 7.764
CIE-LCH	33.487, 53.986, 288.065
CIE-LUV	33.487, -16.01, -71.564
Hunter-Lab	27.864, 10.539, -54.388
Binary	00010101, 01001011, 10100001

#154ba1
```
#154ba1 rgb(21,75,161)
```
#a16b15
```
#a16b15 rgb(161,107,21)
```

Complementary Color

#1591a1
```
#1591a1 rgb(21,145,161)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#2515a1
```
#2515a1 rgb(37,21,161)
```

Analogous Color

#91a115
```
#91a115 rgb(145,161,21)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#a12515
```
#a12515 rgb(161,37,21)
```

Split Complementary Color

#4ba115
```
#4ba115 rgb(75,161,21)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#a1154b
```
#a1154b rgb(161,21,75)
```

Triadic Color

#15a16b
```
#15a16b rgb(21,161,107)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#a1154b
```
#a1154b rgb(161,21,75)
```
#a16b15
```
#a16b15 rgb(161,107,21)
```

Tetradic Color

#0c2b5d
```
#0c2b5d rgb(12,43,93)
```
#0f3674
```
#0f3674 rgb(15,54,116)
```
#12408a
```
#12408a rgb(18,64,138)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#1856b8
```
#1856b8 rgb(24,86,184)
```
#1b60ce
```
#1b60ce rgb(27,96,206)
```
#216be2
```
#216be2 rgb(33,107,226)
```

Monochromatic Color

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

#156ea1
```
#156ea1 rgb(21,110,161)
```
#1562a1
```
#1562a1 rgb(21,98,161)
```
#1557a1
```
#1557a1 rgb(21,87,161)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#153fa1
```
#153fa1 rgb(21,63,161)
```
#1534a1
```
#1534a1 rgb(21,52,161)
```
#1528a1
```
#1528a1 rgb(21,40,161)
```

Similar Colors

Text with hexadecimal color #154ba1

This text has a font color of #154ba1.

<span style="color:#154ba1;">Text here</span>

#154ba1 background color

This paragraph has a background color of #154ba1.

<p style="background-color:#154ba1;">Content here</p>

#154ba1 border color

This element has a border color of #154ba1.

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

CSS codes

.text {color:#154ba1;}

.background {background-color:#154ba1;}

.border {border:1px solid #154ba1;}

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

#010205
```
#010205 rgb(1,2,5)
```
#030a16
```
#030a16 rgb(3,10,22)
```
#051228
```
#051228 rgb(5,18,40)
```
#071b39
```
#071b39 rgb(7,27,57)
```
#0a234a
```
#0a234a rgb(10,35,74)
```
#0c2b5c
```
#0c2b5c rgb(12,43,92)
```
#0e336d
```
#0e336d rgb(14,51,109)
```
#103b7e
```
#103b7e rgb(16,59,126)
```
#134390
```
#134390 rgb(19,67,144)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#1753b2
```
#1753b2 rgb(23,83,178)
```
#1a5bc4
```
#1a5bc4 rgb(26,91,196)
```
#1c63d5
```
#1c63d5 rgb(28,99,213)
```

Shade Color Variation

#226ce2
```
#226ce2 rgb(34,108,226)
```
#3478e4
```
#3478e4 rgb(52,120,228)
```
#4583e7
```
#4583e7 rgb(69,131,231)
```
#568fe9
```
#568fe9 rgb(86,143,233)
```
#689aeb
```
#689aeb rgb(104,154,235)
```
#79a6ee
```
#79a6ee rgb(121,166,238)
```
#8ab1f0
```
#8ab1f0 rgb(138,177,240)
```
#9cbdf2
```
#9cbdf2 rgb(156,189,242)
```
#adc9f4
```
#adc9f4 rgb(173,201,244)
```
#bed4f7
```
#bed4f7 rgb(190,212,247)
```
#d0e0f9
```
#d0e0f9 rgb(208,224,249)
```
#e1ebfb
```
#e1ebfb rgb(225,235,251)
```
#f2f7fd
```
#f2f7fd rgb(242,247,253)
```

Tint Color Variation

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

#545962
```
#545962 rgb(84,89,98)
```
#4d5869
```
#4d5869 rgb(77,88,105)
```
#465670
```
#465670 rgb(70,86,112)
```
#3f5577
```
#3f5577 rgb(63,85,119)
```
#38537e
```
#38537e rgb(56,83,126)
```
#315185
```
#315185 rgb(49,81,133)
```
#2a508c
```
#2a508c rgb(42,80,140)
```
#234e93
```
#234e93 rgb(35,78,147)
```
#1c4d9a
```
#1c4d9a rgb(28,77,154)
```
#154ba1
```
#154ba1 rgb(21,75,161)
```
#0e49a8
```
#0e49a8 rgb(14,73,168)
```
#0748af
```
#0748af rgb(7,72,175)
```
#0046b6
```
#0046b6 rgb(0,70,182)
```

Tone Color Variation

Below, you can see how #154ba1 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

#454545 Achromatopsia 0.005% of the population
#3b4657 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0e55a6 Protanopia 1% of men
#005992 Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#1051a4 Protanomaly 1% of men, 0.01% of women
#075497 Deuteranomaly 6% of men, 0.4% of women
#07587b Tritanomaly 0.01% of the population

#154ba1 hex color

#154ba1 Color Information

#154ba1 Color Conversion

Color Schemes with #154ba1

Alternatives to #154ba1

#154ba1 Preview

Shades and Tints of #154ba1

Tones of #154ba1

Color Blindness Simulator