#154ea4 hex color

In a RGB color space, hex #154ea4 is composed of 8.2% red, 30.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 52.4% magenta, 0% yellow and 35.7% black. It has a hue angle of 216.1 degrees, a saturation of 77.3% and a lightness of 36.3%. #154ea4 color hex could be obtained by blending #2a9cff with #000049. Closest websafe color is: #006699.

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

● #154ea4 color description : Dark blue.

The hexadecimal color #154ea4 has RGB values of R:21, G:78, B:164 and CMYK values of C:0.87, M:0.52, Y:0, K:0.36. Its decimal value is 1396388.

Hex triplet	154ea4	`#154ea4`
RGB Decimal	21, 78, 164	`rgb(21,78,164)`
RGB Percent	8.2, 30.6, 64.3	`rgb(8.2%,30.6%,64.3%)`
CMYK	87, 52, 0, 36
HSL	216.1°, 77.3, 36.3	`hsl(216.1,77.3%,36.3%)`
HSV (or HSB)	216.1°, 87.2, 64.3
Web Safe	006699	`#006699`

CIE-LAB	34.575, 15.927, -51.362
XYZ	9.733, 8.288, 36.207
xyY	0.179, 0.153, 8.288
CIE-LCH	34.575, 53.775, 287.228
CIE-LUV	34.575, -16.814, -72.35
Hunter-Lab	28.788, 9.969, -54.416
Binary	00010101, 01001110, 10100100

#154ea4
```
#154ea4 rgb(21,78,164)
```
#a46b15
```
#a46b15 rgb(164,107,21)
```

Complementary Color

#1596a4
```
#1596a4 rgb(21,150,164)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#2415a4
```
#2415a4 rgb(36,21,164)
```

Analogous Color

#96a415
```
#96a415 rgb(150,164,21)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#a42415
```
#a42415 rgb(164,36,21)
```

Split Complementary Color

#4ea415
```
#4ea415 rgb(78,164,21)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#a4154e
```
#a4154e rgb(164,21,78)
```

Triadic Color

#15a46b
```
#15a46b rgb(21,164,107)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#a4154e
```
#a4154e rgb(164,21,78)
```
#a46b15
```
#a46b15 rgb(164,107,21)
```

Tetradic Color

#0c2e60
```
#0c2e60 rgb(12,46,96)
```
#0f3877
```
#0f3877 rgb(15,56,119)
```
#12438d
```
#12438d rgb(18,67,141)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#1859bb
```
#1859bb rgb(24,89,187)
```
#1b64d1
```
#1b64d1 rgb(27,100,209)
```
#236fe3
```
#236fe3 rgb(35,111,227)
```

Monochromatic Color

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

#1572a4
```
#1572a4 rgb(21,114,164)
```
#1566a4
```
#1566a4 rgb(21,102,164)
```
#155aa4
```
#155aa4 rgb(21,90,164)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#1542a4
```
#1542a4 rgb(21,66,164)
```
#1536a4
```
#1536a4 rgb(21,54,164)
```
#152aa4
```
#152aa4 rgb(21,42,164)
```

Similar Colors

Text with hexadecimal color #154ea4

This text has a font color of #154ea4.

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

#154ea4 background color

This paragraph has a background color of #154ea4.

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

#154ea4 border color

This element has a border color of #154ea4.

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

CSS codes

.text {color:#154ea4;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#030c19
```
#030c19 rgb(3,12,25)
```
#05142a
```
#05142a rgb(5,20,42)
```
#081c3c
```
#081c3c rgb(8,28,60)
```
#0a254d
```
#0a254d rgb(10,37,77)
```
#0c2d5e
```
#0c2d5e rgb(12,45,94)
```
#0e3570
```
#0e3570 rgb(14,53,112)
```
#113d81
```
#113d81 rgb(17,61,129)
```
#134693
```
#134693 rgb(19,70,147)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#1756b5
```
#1756b5 rgb(23,86,181)
```
#195fc7
```
#195fc7 rgb(25,95,199)
```
#1c67d8
```
#1c67d8 rgb(28,103,216)
```

Shade Color Variation

#2470e3
```
#2470e3 rgb(36,112,227)
```
#367ce5
```
#367ce5 rgb(54,124,229)
```
#4787e7
```
#4787e7 rgb(71,135,231)
```
#5992ea
```
#5992ea rgb(89,146,234)
```
#6a9eec
```
#6a9eec rgb(106,158,236)
```
#7ba9ee
```
#7ba9ee rgb(123,169,238)
```
#8db4f0
```
#8db4f0 rgb(141,180,240)
```
#9ec0f3
```
#9ec0f3 rgb(158,192,243)
```
#b0cbf5
```
#b0cbf5 rgb(176,203,245)
```
#c1d7f7
```
#c1d7f7 rgb(193,215,247)
```
#d2e2f9
```
#d2e2f9 rgb(210,226,249)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

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

#5c5c5d
```
#5c5c5d rgb(92,92,93)
```
#555b64
```
#555b64 rgb(85,91,100)
```
#4e5a6b
```
#4e5a6b rgb(78,90,107)
```
#475872
```
#475872 rgb(71,88,114)
```
#405779
```
#405779 rgb(64,87,121)
```
#395580
```
#395580 rgb(57,85,128)
```
#315488
```
#315488 rgb(49,84,136)
```
#2a528f
```
#2a528f rgb(42,82,143)
```
#235196
```
#235196 rgb(35,81,150)
```
#1c4f9d
```
#1c4f9d rgb(28,79,157)
```
#154ea4
```
#154ea4 rgb(21,78,164)
```
#0e4dab
```
#0e4dab rgb(14,77,171)
```
#074bb2
```
#074bb2 rgb(7,75,178)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#3d485a Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a57a9 Protanopia 1% of men
#005c96 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1854a7 Protanomaly 1% of men, 0.01% of women
#07579b Deuteranomaly 6% of men, 0.4% of women
#075b7e Tritanomaly 0.01% of the population

#154ea4 hex color

#154ea4 Color Information

#154ea4 Color Conversion

Color Schemes with #154ea4

Alternatives to #154ea4

#154ea4 Preview

Shades and Tints of #154ea4

Tones of #154ea4

Color Blindness Simulator