colorhexa.com

#153376 hex color

In a RGB color space, hex #153376 is composed of 8.2% red, 20% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 56.8% magenta, 0% yellow and 53.7% black. It has a hue angle of 221.4 degrees, a saturation of 69.8% and a lightness of 27.3%. #153376 color hex could be obtained by blending #2a66ec with #000000. Closest websafe color is: #003366.

- R 8
- G 20
- B 46
RGB color chart
- C 82
- M 57
- Y 0
- K 54
CMYK color chart

● #153376 color description : Dark blue.

The hexadecimal color #153376 has RGB values of R:21, G:51, B:118 and CMYK values of C:0.82, M:0.57, Y:0, K:0.54. Its decimal value is 1389430.

Hex triplet	153376	`#153376`
RGB Decimal	21, 51, 118	`rgb(21,51,118)`
RGB Percent	8.2, 20, 46.3	`rgb(8.2%,20%,46.3%)`
CMYK	82, 57, 0, 54
HSL	221.4°, 69.8, 27.3	`hsl(221.4,69.8%,27.3%)`
HSV (or HSB)	221.4°, 82.2, 46.3
Web Safe	003366	`#003366`

CIE-LAB	23.117, 15.722, -41.56
XYZ	4.762, 3.835, 17.628
xyY	0.182, 0.146, 3.835
CIE-LCH	23.117, 44.435, 290.721
CIE-LUV	23.117, -9.746, -50.687
Hunter-Lab	19.582, 9.141, -39.664
Binary	00010101, 00110011, 01110110

#153376
```
#153376 rgb(21,51,118)
```
#765815
```
#765815 rgb(118,88,21)
```

Complementary Color

#156476
```
#156476 rgb(21,100,118)
```
#153376
```
#153376 rgb(21,51,118)
```
#271576
```
#271576 rgb(39,21,118)
```

Analogous Color

#647615
```
#647615 rgb(100,118,21)
```
#153376
```
#153376 rgb(21,51,118)
```
#762815
```
#762815 rgb(118,40,21)
```

Split Complementary Color

#337615
```
#337615 rgb(51,118,21)
```
#153376
```
#153376 rgb(21,51,118)
```
#761533
```
#761533 rgb(118,21,51)
```

Triadic Color

#091735
```
#091735 rgb(9,23,53)
```
#0d204b
```
#0d204b rgb(13,32,75)
```
#112a60
```
#112a60 rgb(17,42,96)
```
#153376
```
#153376 rgb(21,51,118)
```
#193c8c
```
#193c8c rgb(25,60,140)
```
#1d46a1
```
#1d46a1 rgb(29,70,161)
```
#214fb7
```
#214fb7 rgb(33,79,183)
```

Monochromatic Color

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

#154b76
```
#154b76 rgb(21,75,118)
```
#154376
```
#154376 rgb(21,67,118)
```
#153b76
```
#153b76 rgb(21,59,118)
```
#153376
```
#153376 rgb(21,51,118)
```
#152b76
```
#152b76 rgb(21,43,118)
```
#152376
```
#152376 rgb(21,35,118)
```
#151b76
```
#151b76 rgb(21,27,118)
```

Similar Colors

Text with hexadecimal color #153376

This text has a font color of #153376.

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

#153376 background color

This paragraph has a background color of #153376.

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

#153376 border color

This element has a border color of #153376.

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

CSS codes

.text {color:#153376;}

.background {background-color:#153376;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#060f23
```
#060f23 rgb(6,15,35)
```
#091633
```
#091633 rgb(9,22,51)
```
#0c1d44
```
#0c1d44 rgb(12,29,68)
```
#0f2555
```
#0f2555 rgb(15,37,85)
```
#122c65
```
#122c65 rgb(18,44,101)
```
#153376
```
#153376 rgb(21,51,118)
```
#183a87
```
#183a87 rgb(24,58,135)
```
#1b4197
```
#1b4197 rgb(27,65,151)
```
#1e49a8
```
#1e49a8 rgb(30,73,168)
```
#2150b9
```
#2150b9 rgb(33,80,185)
```
#2457c9
```
#2457c9 rgb(36,87,201)
```

Shade Color Variation

#285fd9
```
#285fd9 rgb(40,95,217)
```
#396bdc
```
#396bdc rgb(57,107,220)
```
#4977df
```
#4977df rgb(73,119,223)
```
#5a84e2
```
#5a84e2 rgb(90,132,226)
```
#6b90e5
```
#6b90e5 rgb(107,144,229)
```
#7b9de8
```
#7b9de8 rgb(123,157,232)
```
#8ca9eb
```
#8ca9eb rgb(140,169,235)
```
#9db6ed
```
#9db6ed rgb(157,182,237)
```
#adc2f0
```
#adc2f0 rgb(173,194,240)
```
#becef3
```
#becef3 rgb(190,206,243)
```
#cedbf6
```
#cedbf6 rgb(206,219,246)
```
#dfe7f9
```
#dfe7f9 rgb(223,231,249)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

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

#454546
```
#454546 rgb(69,69,70)
```
#40434b
```
#40434b rgb(64,67,75)
```
#3a4151
```
#3a4151 rgb(58,65,81)
```
#353f56
```
#353f56 rgb(53,63,86)
```
#303d5b
```
#303d5b rgb(48,61,91)
```
#2a3b61
```
#2a3b61 rgb(42,59,97)
```
#253966
```
#253966 rgb(37,57,102)
```
#20376b
```
#20376b rgb(32,55,107)
```
#1a3571
```
#1a3571 rgb(26,53,113)
```
#153376
```
#153376 rgb(21,51,118)
```
#10317b
```
#10317b rgb(16,49,123)
```
#0a2f81
```
#0a2f81 rgb(10,47,129)
```
#052d86
```
#052d86 rgb(5,45,134)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#2c3240 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7c Protanopia 1% of men
#00426d Deuteranopia 1% of men
#00474c Tritanopia 0.001% of the population

Trichromacy

#073a7a Protanomaly 1% of men, 0.01% of women
#073d70 Deuteranomaly 6% of men, 0.4% of women
#07405b Tritanomaly 0.01% of the population