#154682 hex color

In a RGB color space, hex #154682 is composed of 8.2% red, 27.5% green and 51% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 46.2% magenta, 0% yellow and 49% black. It has a hue angle of 213 degrees, a saturation of 72.2% and a lightness of 29.6%. #154682 color hex could be obtained by blending #2a8cff with #000005. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 27
- B 51
RGB color chart
- C 84
- M 46
- Y 0
- K 49
CMYK color chart

● #154682 color description : Dark blue.

The hexadecimal color #154682 has RGB values of R:21, G:70, B:130 and CMYK values of C:0.84, M:0.46, Y:0, K:0.49. Its decimal value is 1394306.

Hex triplet	154682	`#154682`
RGB Decimal	21, 70, 130	`rgb(21,70,130)`
RGB Percent	8.2, 27.5, 51	`rgb(8.2%,27.5%,51%)`
CMYK	84, 46, 0, 49
HSL	213°, 72.2, 29.6	`hsl(213,72.2%,29.6%)`
HSV (or HSB)	213°, 83.8, 51
Web Safe	003399	`#003399`

CIE-LAB	29.79, 7.389, -38.342
XYZ	6.528, 6.151, 21.961
xyY	0.188, 0.178, 6.151
CIE-LCH	29.79, 39.047, 280.908
CIE-LUV	29.79, -15.211, -51.185
Hunter-Lab	24.801, 3.58, -35.14
Binary	00010101, 01000110, 10000010

#154682
```
#154682 rgb(21,70,130)
```
#825115
```
#825115 rgb(130,81,21)
```

Complementary Color

#157d82
```
#157d82 rgb(21,125,130)
```
#154682
```
#154682 rgb(21,70,130)
```
#1b1582
```
#1b1582 rgb(27,21,130)
```

Analogous Color

#7d8215
```
#7d8215 rgb(125,130,21)
```
#154682
```
#154682 rgb(21,70,130)
```
#821b15
```
#821b15 rgb(130,27,21)
```

Split Complementary Color

#468215
```
#468215 rgb(70,130,21)
```
#154682
```
#154682 rgb(21,70,130)
```
#821546
```
#821546 rgb(130,21,70)
```

Triadic Color

#158251
```
#158251 rgb(21,130,81)
```
#154682
```
#154682 rgb(21,70,130)
```
#821546
```
#821546 rgb(130,21,70)
```
#825115
```
#825115 rgb(130,81,21)
```

Tetradic Color

#0a2340
```
#0a2340 rgb(10,35,64)
```
#0e2e56
```
#0e2e56 rgb(14,46,86)
```
#113a6c
```
#113a6c rgb(17,58,108)
```
#154682
```
#154682 rgb(21,70,130)
```
#195298
```
#195298 rgb(25,82,152)
```
#1c5eae
```
#1c5eae rgb(28,94,174)
```
#2069c4
```
#2069c4 rgb(32,105,196)
```

Monochromatic Color

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

#156182
```
#156182 rgb(21,97,130)
```
#155882
```
#155882 rgb(21,88,130)
```
#154f82
```
#154f82 rgb(21,79,130)
```
#154682
```
#154682 rgb(21,70,130)
```
#153d82
```
#153d82 rgb(21,61,130)
```
#153482
```
#153482 rgb(21,52,130)
```
#152b82
```
#152b82 rgb(21,43,130)
```

Similar Colors

Text with hexadecimal color #154682

This text has a font color of #154682.

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

#154682 background color

This paragraph has a background color of #154682.

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

#154682 border color

This element has a border color of #154682.

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

CSS codes

.text {color:#154682;}

.background {background-color:#154682;}

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

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)
```
#050f1d
```
#050f1d rgb(5,15,29)
```
#07192e
```
#07192e rgb(7,25,46)
```
#0a223e
```
#0a223e rgb(10,34,62)
```
#0d2b4f
```
#0d2b4f rgb(13,43,79)
```
#103460
```
#103460 rgb(16,52,96)
```
#123d71
```
#123d71 rgb(18,61,113)
```
#154682
```
#154682 rgb(21,70,130)
```
#184f93
```
#184f93 rgb(24,79,147)
```
#1a58a4
```
#1a58a4 rgb(26,88,164)
```
#1d61b5
```
#1d61b5 rgb(29,97,181)
```
#206ac6
```
#206ac6 rgb(32,106,198)
```
#2373d6
```
#2373d6 rgb(35,115,214)
```

Shade Color Variation

#2f7edd
```
#2f7edd rgb(47,126,221)
```
#4088e0
```
#4088e0 rgb(64,136,224)
```
#5193e3
```
#5193e3 rgb(81,147,227)
```
#629de6
```
#629de6 rgb(98,157,230)
```
#73a8e8
```
#73a8e8 rgb(115,168,232)
```
#84b2eb
```
#84b2eb rgb(132,178,235)
```
#95bdee
```
#95bdee rgb(149,189,238)
```
#a5c7f1
```
#a5c7f1 rgb(165,199,241)
```
#b6d2f3
```
#b6d2f3 rgb(182,210,243)
```
#c7dcf6
```
#c7dcf6 rgb(199,220,246)
```
#d8e7f9
```
#d8e7f9 rgb(216,231,249)
```
#e9f1fb
```
#e9f1fb rgb(233,241,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#494b4e
```
#494b4e rgb(73,75,78)
```
#434b54
```
#434b54 rgb(67,75,84)
```
#3e4a59
```
#3e4a59 rgb(62,74,89)
```
#384a5f
```
#384a5f rgb(56,74,95)
```
#324965
```
#324965 rgb(50,73,101)
```
#2c486b
```
#2c486b rgb(44,72,107)
```
#264871
```
#264871 rgb(38,72,113)
```
#214776
```
#214776 rgb(33,71,118)
```
#1b477c
```
#1b477c rgb(27,71,124)
```
#154682
```
#154682 rgb(21,70,130)
```
#0f4588
```
#0f4588 rgb(15,69,136)
```
#09458e
```
#09458e rgb(9,69,142)
```
#044493
```
#044493 rgb(4,68,147)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#36404c Atypical Achromatopsia 0.001% of the population

Dichromacy

#314d87 Protanopia 1% of men
#005187 Deuteranopia 1% of men
#00575d Tritanopia 0.001% of the population

Trichromacy

#274b85 Protanomaly 1% of men, 0.01% of women
#074d85 Deuteranomaly 6% of men, 0.4% of women
#07516a Tritanomaly 0.01% of the population

#154682 hex color

#154682 Color Information

#154682 Color Conversion

Color Schemes with #154682

Alternatives to #154682

#154682 Preview

Shades and Tints of #154682

Tones of #154682

Color Blindness Simulator