colorhexa.com

#154369 hex color

In a RGB color space, hex #154369 is composed of 8.2% red, 26.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 36.2% magenta, 0% yellow and 58.8% black. It has a hue angle of 207.1 degrees, a saturation of 66.7% and a lightness of 24.7%. #154369 color hex could be obtained by blending #2a86d2 with #000000. Closest websafe color is: #003366.

- R 8
- G 26
- B 41
RGB color chart
- C 80
- M 36
- Y 0
- K 59
CMYK color chart

● #154369 color description : Very dark blue.

The hexadecimal color #154369 has RGB values of R:21, G:67, B:105 and CMYK values of C:0.8, M:0.36, Y:0, K:0.59. Its decimal value is 1393513.

Hex triplet	154369	`#154369`
RGB Decimal	21, 67, 105	`rgb(21,67,105)`
RGB Percent	8.2, 26.3, 41.2	`rgb(8.2%,26.3%,41.2%)`
CMYK	80, 36, 0, 59
HSL	207.1°, 66.7, 24.7	`hsl(207.1,66.7%,24.7%)`
HSV (or HSB)	207.1°, 80, 41.2
Web Safe	003366	`#003366`

CIE-LAB	27.278, -0.892, -26.591
XYZ	4.866, 5.193, 14.11
xyY	0.201, 0.215, 5.193
CIE-LCH	27.278, 26.605, 268.08
CIE-LUV	27.278, -14.985, -33.583
Hunter-Lab	22.789, -1.769, -20.758
Binary	00010101, 01000011, 01101001

#154369
```
#154369 rgb(21,67,105)
```
#693b15
```
#693b15 rgb(105,59,21)
```

Complementary Color

#156965
```
#156965 rgb(21,105,101)
```
#154369
```
#154369 rgb(21,67,105)
```
#151969
```
#151969 rgb(21,25,105)
```

Analogous Color

#696515
```
#696515 rgb(105,101,21)
```
#154369
```
#154369 rgb(21,67,105)
```
#691519
```
#691519 rgb(105,21,25)
```

Split Complementary Color

#436915
```
#436915 rgb(67,105,21)
```
#154369
```
#154369 rgb(21,67,105)
```
#691543
```
#691543 rgb(105,21,67)
```

Triadic Color

#081a29
```
#081a29 rgb(8,26,41)
```
#0d283f
```
#0d283f rgb(13,40,63)
```
#113554
```
#113554 rgb(17,53,84)
```
#154369
```
#154369 rgb(21,67,105)
```
#19517e
```
#19517e rgb(25,81,126)
```
#1e5e94
```
#1e5e94 rgb(30,94,148)
```
#226ca9
```
#226ca9 rgb(34,108,169)
```

Monochromatic Color

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

#155869
```
#155869 rgb(21,88,105)
```
#155169
```
#155169 rgb(21,81,105)
```
#154a69
```
#154a69 rgb(21,74,105)
```
#154369
```
#154369 rgb(21,67,105)
```
#153c69
```
#153c69 rgb(21,60,105)
```
#153569
```
#153569 rgb(21,53,105)
```
#152e69
```
#152e69 rgb(21,46,105)
```

Similar Colors

Text with hexadecimal color #154369

This text has a font color of #154369.

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

#154369 background color

This paragraph has a background color of #154369.

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

#154369 border color

This element has a border color of #154369.

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

CSS codes

.text {color:#154369;}

.background {background-color:#154369;}

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

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

#010407
```
#010407 rgb(1,4,7)
```
#050f17
```
#050f17 rgb(5,15,23)
```
#081928
```
#081928 rgb(8,25,40)
```
#0b2438
```
#0b2438 rgb(11,36,56)
```
#0e2e48
```
#0e2e48 rgb(14,46,72)
```
#123959
```
#123959 rgb(18,57,89)
```
#154369
```
#154369 rgb(21,67,105)
```
#184d79
```
#184d79 rgb(24,77,121)
```
#1c588a
```
#1c588a rgb(28,88,138)
```
#1f629a
```
#1f629a rgb(31,98,154)
```
#226daa
```
#226daa rgb(34,109,170)
```
#2577bb
```
#2577bb rgb(37,119,187)
```
#2982cb
```
#2982cb rgb(41,130,203)
```

Shade Color Variation

#318bd6
```
#318bd6 rgb(49,139,214)
```
#4295d9
```
#4295d9 rgb(66,149,217)
```
#529edc
```
#529edc rgb(82,158,220)
```
#62a7e0
```
#62a7e0 rgb(98,167,224)
```
#73b0e3
```
#73b0e3 rgb(115,176,227)
```
#83b9e6
```
#83b9e6 rgb(131,185,230)
```
#94c3ea
```
#94c3ea rgb(148,195,234)
```
#a4cced
```
#a4cced rgb(164,204,237)
```
#b4d5f0
```
#b4d5f0 rgb(180,213,240)
```
#c5def3
```
#c5def3 rgb(197,222,243)
```
#d5e7f7
```
#d5e7f7 rgb(213,231,247)
```
#e5f1fa
```
#e5f1fa rgb(229,241,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c3f42 is the less saturated color, while #02457c is the most saturated one.

#3c3f42
```
#3c3f42 rgb(60,63,66)
```
#374047
```
#374047 rgb(55,64,71)
```
#32404c
```
#32404c rgb(50,64,76)
```
#2d4151
```
#2d4151 rgb(45,65,81)
```
#284156
```
#284156 rgb(40,65,86)
```
#24425a
```
#24425a rgb(36,66,90)
```
#1f425f
```
#1f425f rgb(31,66,95)
```
#1a4364
```
#1a4364 rgb(26,67,100)
```
#154369
```
#154369 rgb(21,67,105)
```
#10436e
```
#10436e rgb(16,67,110)
```
#0b4473
```
#0b4473 rgb(11,68,115)
```
#064478
```
#064478 rgb(6,68,120)
```
#02457c
```
#02457c rgb(2,69,124)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#333c43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c496e Protanopia 1% of men
#314a71 Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#2d466c Protanomaly 1% of men, 0.01% of women
#27476e Deuteranomaly 6% of men, 0.4% of women
#074c5d Tritanomaly 0.01% of the population