#154aa5 hex color

In a RGB color space, hex #154aa5 is composed of 8.2% red, 29% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 87.3% cyan, 55.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 217.9 degrees, a saturation of 77.4% and a lightness of 36.5%. #154aa5 color hex could be obtained by blending #2a94ff with #00004b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 29
- B 65
RGB color chart
- C 87
- M 55
- Y 0
- K 35
CMYK color chart

● #154aa5 color description : Dark blue.

The hexadecimal color #154aa5 has RGB values of R:21, G:74, B:165 and CMYK values of C:0.87, M:0.55, Y:0, K:0.35. Its decimal value is 1395365.

Hex triplet	154aa5	`#154aa5`
RGB Decimal	21, 74, 165	`rgb(21,74,165)`
RGB Percent	8.2, 29, 64.7	`rgb(8.2%,29%,64.7%)`
CMYK	87, 55, 0, 35
HSL	217.9°, 77.4, 36.5	`hsl(217.9,77.4%,36.5%)`
HSV (or HSB)	217.9°, 87.3, 64.7
Web Safe	003399	`#003399`

CIE-LAB	33.505, 19.048, -53.697
XYZ	9.548, 7.773, 36.592
xyY	0.177, 0.144, 7.773
CIE-LCH	33.505, 56.975, 289.531
CIE-LUV	33.505, -15.659, -74.835
Hunter-Lab	27.88, 12.342, -58.303
Binary	00010101, 01001010, 10100101

#154aa5
```
#154aa5 rgb(21,74,165)
```
#a57015
```
#a57015 rgb(165,112,21)
```

Complementary Color

#1592a5
```
#1592a5 rgb(21,146,165)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#2815a5
```
#2815a5 rgb(40,21,165)
```

Analogous Color

#92a515
```
#92a515 rgb(146,165,21)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#a52815
```
#a52815 rgb(165,40,21)
```

Split Complementary Color

#4aa515
```
#4aa515 rgb(74,165,21)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#a5154a
```
#a5154a rgb(165,21,74)
```

Triadic Color

#15a570
```
#15a570 rgb(21,165,112)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#a5154a
```
#a5154a rgb(165,21,74)
```
#a57015
```
#a57015 rgb(165,112,21)
```

Tetradic Color

#0c2c61
```
#0c2c61 rgb(12,44,97)
```
#0f3678
```
#0f3678 rgb(15,54,120)
```
#12408e
```
#12408e rgb(18,64,142)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#1854bc
```
#1854bc rgb(24,84,188)
```
#1b5ed2
```
#1b5ed2 rgb(27,94,210)
```
#236ae3
```
#236ae3 rgb(35,106,227)
```

Monochromatic Color

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

#156ea5
```
#156ea5 rgb(21,110,165)
```
#1562a5
```
#1562a5 rgb(21,98,165)
```
#1556a5
```
#1556a5 rgb(21,86,165)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#153ea5
```
#153ea5 rgb(21,62,165)
```
#1532a5
```
#1532a5 rgb(21,50,165)
```
#1526a5
```
#1526a5 rgb(21,38,165)
```

Similar Colors

Text with hexadecimal color #154aa5

This text has a font color of #154aa5.

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

#154aa5 background color

This paragraph has a background color of #154aa5.

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

#154aa5 border color

This element has a border color of #154aa5.

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

CSS codes

.text {color:#154aa5;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#030c1a
```
#030c1a rgb(3,12,26)
```
#05132b
```
#05132b rgb(5,19,43)
```
#081b3d
```
#081b3d rgb(8,27,61)
```
#0a234e
```
#0a234e rgb(10,35,78)
```
#0c2b5f
```
#0c2b5f rgb(12,43,95)
```
#0e3371
```
#0e3371 rgb(14,51,113)
```
#113a82
```
#113a82 rgb(17,58,130)
```
#134294
```
#134294 rgb(19,66,148)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#1752b6
```
#1752b6 rgb(23,82,182)
```
#195ac8
```
#195ac8 rgb(25,90,200)
```
#1c61d9
```
#1c61d9 rgb(28,97,217)
```

Shade Color Variation

#256be3
```
#256be3 rgb(37,107,227)
```
#3777e5
```
#3777e5 rgb(55,119,229)
```
#4883e8
```
#4883e8 rgb(72,131,232)
```
#598fea
```
#598fea rgb(89,143,234)
```
#6b9aec
```
#6b9aec rgb(107,154,236)
```
#7ca6ee
```
#7ca6ee rgb(124,166,238)
```
#8eb2f1
```
#8eb2f1 rgb(142,178,241)
```
#9fbef3
```
#9fbef3 rgb(159,190,243)
```
#b0caf5
```
#b0caf5 rgb(176,202,245)
```
#c2d5f7
```
#c2d5f7 rgb(194,213,247)
```
#d3e1f9
```
#d3e1f9 rgb(211,225,249)
```
#e5edfc
```
#e5edfc rgb(229,237,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#5d5d5d
```
#5d5d5d rgb(93,93,93)
```
#555b65
```
#555b65 rgb(85,91,101)
```
#4e596c
```
#4e596c rgb(78,89,108)
```
#475773
```
#475773 rgb(71,87,115)
```
#40557a
```
#40557a rgb(64,85,122)
```
#395381
```
#395381 rgb(57,83,129)
```
#325288
```
#325288 rgb(50,82,136)
```
#2a5090
```
#2a5090 rgb(42,80,144)
```
#234e97
```
#234e97 rgb(35,78,151)
```
#1c4c9e
```
#1c4c9e rgb(28,76,158)
```
#154aa5
```
#154aa5 rgb(21,74,165)
```
#0e48ac
```
#0e48ac rgb(14,72,172)
```
#0746b3
```
#0746b3 rgb(7,70,179)
```

Tone Color Variation

Below, you can see how #154aa5 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
#3b4658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005992 Deuteranopia 1% of men
#006066 Tritanopia 0.001% of the population

Trichromacy

#0751a6 Protanomaly 1% of men, 0.01% of women
#075499 Deuteranomaly 6% of men, 0.4% of women
#07587c Tritanomaly 0.01% of the population

#154aa5 hex color

#154aa5 Color Information

#154aa5 Color Conversion

Color Schemes with #154aa5

Alternatives to #154aa5

#154aa5 Preview

Shades and Tints of #154aa5

Tones of #154aa5

Color Blindness Simulator