#154686 hex color

In a RGB color space, hex #154686 is composed of 8.2% red, 27.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 47.8% magenta, 0% yellow and 47.5% black. It has a hue angle of 214 degrees, a saturation of 72.9% and a lightness of 30.4%. #154686 color hex could be obtained by blending #2a8cff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 27
- B 53
RGB color chart
- C 84
- M 48
- Y 0
- K 47
CMYK color chart

● #154686 color description : Dark blue.

The hexadecimal color #154686 has RGB values of R:21, G:70, B:134 and CMYK values of C:0.84, M:0.48, Y:0, K:0.47. Its decimal value is 1394310.

Hex triplet	154686	`#154686`
RGB Decimal	21, 70, 134	`rgb(21,70,134)`
RGB Percent	8.2, 27.5, 52.5	`rgb(8.2%,27.5%,52.5%)`
CMYK	84, 48, 0, 47
HSL	214°, 72.9, 30.4	`hsl(214,72.9%,30.4%)`
HSV (or HSB)	214°, 84.3, 52.5
Web Safe	003399	`#003399`

CIE-LAB	30.06, 9.048, -40.388
XYZ	6.802, 6.26, 23.403
xyY	0.187, 0.172, 6.26
CIE-LCH	30.06, 41.39, 282.627
CIE-LUV	30.06, -15.108, -54.193
Hunter-Lab	25.021, 4.736, -37.941
Binary	00010101, 01000110, 10000110

#154686
```
#154686 rgb(21,70,134)
```
#865515
```
#865515 rgb(134,85,21)
```

Complementary Color

#157f86
```
#157f86 rgb(21,127,134)
```
#154686
```
#154686 rgb(21,70,134)
```
#1d1586
```
#1d1586 rgb(29,21,134)
```

Analogous Color

#7f8615
```
#7f8615 rgb(127,134,21)
```
#154686
```
#154686 rgb(21,70,134)
```
#861d15
```
#861d15 rgb(134,29,21)
```

Split Complementary Color

#468615
```
#468615 rgb(70,134,21)
```
#154686
```
#154686 rgb(21,70,134)
```
#861546
```
#861546 rgb(134,21,70)
```

Triadic Color

#158655
```
#158655 rgb(21,134,85)
```
#154686
```
#154686 rgb(21,70,134)
```
#861546
```
#861546 rgb(134,21,70)
```
#865515
```
#865515 rgb(134,85,21)
```

Tetradic Color

#0b2344
```
#0b2344 rgb(11,35,68)
```
#0e2f5a
```
#0e2f5a rgb(14,47,90)
```
#123a70
```
#123a70 rgb(18,58,112)
```
#154686
```
#154686 rgb(21,70,134)
```
#18529c
```
#18529c rgb(24,82,156)
```
#1c5db2
```
#1c5db2 rgb(28,93,178)
```
#1f69c8
```
#1f69c8 rgb(31,105,200)
```

Monochromatic Color

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

#156286
```
#156286 rgb(21,98,134)
```
#155986
```
#155986 rgb(21,89,134)
```
#154f86
```
#154f86 rgb(21,79,134)
```
#154686
```
#154686 rgb(21,70,134)
```
#153d86
```
#153d86 rgb(21,61,134)
```
#153386
```
#153386 rgb(21,51,134)
```
#152a86
```
#152a86 rgb(21,42,134)
```

Similar Colors

Text with hexadecimal color #154686

This text has a font color of #154686.

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

#154686 background color

This paragraph has a background color of #154686.

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

#154686 border color

This element has a border color of #154686.

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

CSS codes

.text {color:#154686;}

.background {background-color:#154686;}

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

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, #02080f is the darkest color, while #fdfeff is the lightest one.

#02080f
```
#02080f rgb(2,8,15)
```
#051120
```
#051120 rgb(5,17,32)
```
#081a31
```
#081a31 rgb(8,26,49)
```
#0a2342
```
#0a2342 rgb(10,35,66)
```
#0d2b53
```
#0d2b53 rgb(13,43,83)
```
#103464
```
#103464 rgb(16,52,100)
```
#123d75
```
#123d75 rgb(18,61,117)
```
#154686
```
#154686 rgb(21,70,134)
```
#184f97
```
#184f97 rgb(24,79,151)
```
#1a58a8
```
#1a58a8 rgb(26,88,168)
```
#1d61b9
```
#1d61b9 rgb(29,97,185)
```
#2069ca
```
#2069ca rgb(32,105,202)
```
#2272db
```
#2272db rgb(34,114,219)
```

Shade Color Variation

#327ddf
```
#327ddf rgb(50,125,223)
```
#4388e2
```
#4388e2 rgb(67,136,226)
```
#5492e4
```
#5492e4 rgb(84,146,228)
```
#659de7
```
#659de7 rgb(101,157,231)
```
#76a8e9
```
#76a8e9 rgb(118,168,233)
```
#87b3ec
```
#87b3ec rgb(135,179,236)
```
#98bdef
```
#98bdef rgb(152,189,239)
```
#a9c8f1
```
#a9c8f1 rgb(169,200,241)
```
#bad3f4
```
#bad3f4 rgb(186,211,244)
```
#cadef7
```
#cadef7 rgb(202,222,247)
```
#dbe8f9
```
#dbe8f9 rgb(219,232,249)
```
#ecf3fc
```
#ecf3fc rgb(236,243,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#4b4d50
```
#4b4d50 rgb(75,77,80)
```
#454c56
```
#454c56 rgb(69,76,86)
```
#3f4c5c
```
#3f4c5c rgb(63,76,92)
```
#394b62
```
#394b62 rgb(57,75,98)
```
#334a68
```
#334a68 rgb(51,74,104)
```
#2d496e
```
#2d496e rgb(45,73,110)
```
#274874
```
#274874 rgb(39,72,116)
```
#21487a
```
#21487a rgb(33,72,122)
```
#1b4780
```
#1b4780 rgb(27,71,128)
```
#154686
```
#154686 rgb(21,70,134)
```
#0f458c
```
#0f458c rgb(15,69,140)
```
#094492
```
#094492 rgb(9,68,146)
```
#034498
```
#034498 rgb(3,68,152)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#37404d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e4e8b Protanopia 1% of men
#005187 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#254b89 Protanomaly 1% of men, 0.01% of women
#074d87 Deuteranomaly 6% of men, 0.4% of women
#07516c Tritanomaly 0.01% of the population

#154686 hex color

#154686 Color Information

#154686 Color Conversion

Color Schemes with #154686

Alternatives to #154686

#154686 Preview

Shades and Tints of #154686

Tones of #154686

Color Blindness Simulator