#154696 hex color

In a RGB color space, hex #154696 is composed of 8.2% red, 27.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 53.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 217.2 degrees, a saturation of 75.4% and a lightness of 33.5%. #154696 color hex could be obtained by blending #2a8cff with #00002d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 27
- B 59
RGB color chart
- C 86
- M 53
- Y 0
- K 41
CMYK color chart

● #154696 color description : Dark blue.

The hexadecimal color #154696 has RGB values of R:21, G:70, B:150 and CMYK values of C:0.86, M:0.53, Y:0, K:0.41. Its decimal value is 1394326.

Hex triplet	154696	`#154696`
RGB Decimal	21, 70, 150	`rgb(21,70,150)`
RGB Percent	8.2, 27.5, 58.8	`rgb(8.2%,27.5%,58.8%)`
CMYK	86, 53, 0, 41
HSL	217.2°, 75.4, 33.5	`hsl(217.2,75.4%,33.5%)`
HSV (or HSB)	217.2°, 86, 58.8
Web Safe	003399	`#003399`

CIE-LAB	31.21, 15.66, -48.356
XYZ	8.003, 6.741, 29.732
xyY	0.18, 0.152, 6.741
CIE-LCH	31.21, 50.829, 287.945
CIE-LUV	31.21, -14.775, -65.895
Hunter-Lab	25.964, 9.586, -49.72
Binary	00010101, 01000110, 10010110

#154696
```
#154696 rgb(21,70,150)
```
#966515
```
#966515 rgb(150,101,21)
```

Complementary Color

#158796
```
#158796 rgb(21,135,150)
```
#154696
```
#154696 rgb(21,70,150)
```
#241596
```
#241596 rgb(36,21,150)
```

Analogous Color

#879615
```
#879615 rgb(135,150,21)
```
#154696
```
#154696 rgb(21,70,150)
```
#962515
```
#962515 rgb(150,37,21)
```

Split Complementary Color

#469615
```
#469615 rgb(70,150,21)
```
#154696
```
#154696 rgb(21,70,150)
```
#961546
```
#961546 rgb(150,21,70)
```

Triadic Color

#159665
```
#159665 rgb(21,150,101)
```
#154696
```
#154696 rgb(21,70,150)
```
#961546
```
#961546 rgb(150,21,70)
```
#966515
```
#966515 rgb(150,101,21)
```

Tetradic Color

#0c2753
```
#0c2753 rgb(12,39,83)
```
#0f3169
```
#0f3169 rgb(15,49,105)
```
#123c80
```
#123c80 rgb(18,60,128)
```
#154696
```
#154696 rgb(21,70,150)
```
#1850ac
```
#1850ac rgb(24,80,172)
```
#1b5bc3
```
#1b5bc3 rgb(27,91,195)
```
#1e65d9
```
#1e65d9 rgb(30,101,217)
```

Monochromatic Color

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

#156696
```
#156696 rgb(21,102,150)
```
#155c96
```
#155c96 rgb(21,92,150)
```
#155196
```
#155196 rgb(21,81,150)
```
#154696
```
#154696 rgb(21,70,150)
```
#153b96
```
#153b96 rgb(21,59,150)
```
#153196
```
#153196 rgb(21,49,150)
```
#152696
```
#152696 rgb(21,38,150)
```

Similar Colors

Text with hexadecimal color #154696

This text has a font color of #154696.

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

#154696 background color

This paragraph has a background color of #154696.

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

#154696 border color

This element has a border color of #154696.

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

CSS codes

.text {color:#154696;}

.background {background-color:#154696;}

.border {border:1px solid #154696;}

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, #02060c is the darkest color, while #fafcfe is the lightest one.

#02060c
```
#02060c rgb(2,6,12)
```
#040e1e
```
#040e1e rgb(4,14,30)
```
#07162f
```
#07162f rgb(7,22,47)
```
#091e40
```
#091e40 rgb(9,30,64)
```
#0b2651
```
#0b2651 rgb(11,38,81)
```
#0e2e62
```
#0e2e62 rgb(14,46,98)
```
#103674
```
#103674 rgb(16,54,116)
```
#133e85
```
#133e85 rgb(19,62,133)
```
#154696
```
#154696 rgb(21,70,150)
```
#174ea7
```
#174ea7 rgb(23,78,167)
```
#1a56b8
```
#1a56b8 rgb(26,86,184)
```
#1c5eca
```
#1c5eca rgb(28,94,202)
```
#1f66db
```
#1f66db rgb(31,102,219)
```

Shade Color Variation

#2c71e1
```
#2c71e1 rgb(44,113,225)
```
#3d7ce4
```
#3d7ce4 rgb(61,124,228)
```
#4e88e6
```
#4e88e6 rgb(78,136,230)
```
#5f93e9
```
#5f93e9 rgb(95,147,233)
```
#709feb
```
#709feb rgb(112,159,235)
```
#82abed
```
#82abed rgb(130,171,237)
```
#93b6f0
```
#93b6f0 rgb(147,182,240)
```
#a4c2f2
```
#a4c2f2 rgb(164,194,242)
```
#b5cdf5
```
#b5cdf5 rgb(181,205,245)
```
#c7d9f7
```
#c7d9f7 rgb(199,217,247)
```
#d8e5fa
```
#d8e5fa rgb(216,229,250)
```
#e9f0fc
```
#e9f0fc rgb(233,240,252)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #50545b is the less saturated color, while #0141aa is the most saturated one.

#50545b
```
#50545b rgb(80,84,91)
```
#4a5361
```
#4a5361 rgb(74,83,97)
```
#435168
```
#435168 rgb(67,81,104)
```
#3c4f6f
```
#3c4f6f rgb(60,79,111)
```
#364e75
```
#364e75 rgb(54,78,117)
```
#2f4c7c
```
#2f4c7c rgb(47,76,124)
```
#294b82
```
#294b82 rgb(41,75,130)
```
#224989
```
#224989 rgb(34,73,137)
```
#1c488f
```
#1c488f rgb(28,72,143)
```
#154696
```
#154696 rgb(21,70,150)
```
#0e449d
```
#0e449d rgb(14,68,157)
```
#0843a3
```
#0843a3 rgb(8,67,163)
```
#0141aa
```
#0141aa rgb(1,65,170)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#374151 Atypical Achromatopsia 0.001% of the population

Dichromacy

#13509c Protanopia 1% of men
#00548a Deuteranopia 1% of men
#005b60 Tritanopia 0.001% of the population

Trichromacy

#144c99 Protanomaly 1% of men, 0.01% of women
#074f8e Deuteranomaly 6% of men, 0.4% of women
#075373 Tritanomaly 0.01% of the population

#154696 hex color

#154696 Color Information

#154696 Color Conversion

Color Schemes with #154696

Alternatives to #154696

#154696 Preview

Shades and Tints of #154696

Tones of #154696

Color Blindness Simulator