#153f86 hex color

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

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

● #153f86 color description : Dark blue.

The hexadecimal color #153f86 has RGB values of R:21, G:63, B:134 and CMYK values of C:0.84, M:0.53, Y:0, K:0.47. Its decimal value is 1392518.

Hex triplet	153f86	`#153f86`
RGB Decimal	21, 63, 134	`rgb(21,63,134)`
RGB Percent	8.2, 24.7, 52.5	`rgb(8.2%,24.7%,52.5%)`
CMYK	84, 53, 0, 47
HSL	217.7°, 72.9, 30.4	`hsl(217.7,72.9%,30.4%)`
HSV (or HSB)	217.7°, 84.3, 52.5
Web Safe	003399	`#003399`

CIE-LAB	27.94, 13.9, -43.808
XYZ	6.389, 5.435, 23.265
xyY	0.182, 0.155, 5.435
CIE-LCH	27.94, 45.961, 287.604
CIE-LUV	27.94, -13.004, -57.452
Hunter-Lab	23.313, 8.118, -42.848
Binary	00010101, 00111111, 10000110

#153f86
```
#153f86 rgb(21,63,134)
```
#865c15
```
#865c15 rgb(134,92,21)
```

Complementary Color

#157886
```
#157886 rgb(21,120,134)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#241586
```
#241586 rgb(36,21,134)
```

Analogous Color

#788615
```
#788615 rgb(120,134,21)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#862415
```
#862415 rgb(134,36,21)
```

Split Complementary Color

#3f8615
```
#3f8615 rgb(63,134,21)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#86153f
```
#86153f rgb(134,21,63)
```

Triadic Color

#15865c
```
#15865c rgb(21,134,92)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#86153f
```
#86153f rgb(134,21,63)
```
#865c15
```
#865c15 rgb(134,92,21)
```

Tetradic Color

#0b2044
```
#0b2044 rgb(11,32,68)
```
#0e2a5a
```
#0e2a5a rgb(14,42,90)
```
#123570
```
#123570 rgb(18,53,112)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#18499c
```
#18499c rgb(24,73,156)
```
#1c54b2
```
#1c54b2 rgb(28,84,178)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```

Monochromatic Color

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

#155b86
```
#155b86 rgb(21,91,134)
```
#155286
```
#155286 rgb(21,82,134)
```
#154886
```
#154886 rgb(21,72,134)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#153686
```
#153686 rgb(21,54,134)
```
#152c86
```
#152c86 rgb(21,44,134)
```
#152386
```
#152386 rgb(21,35,134)
```

Similar Colors

Text with hexadecimal color #153f86

This text has a font color of #153f86.

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

#153f86 background color

This paragraph has a background color of #153f86.

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

#153f86 border color

This element has a border color of #153f86.

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

CSS codes

.text {color:#153f86;}

.background {background-color:#153f86;}

.border {border:1px solid #153f86;}

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

#02070f
```
#02070f rgb(2,7,15)
```
#050f20
```
#050f20 rgb(5,15,32)
```
#081731
```
#081731 rgb(8,23,49)
```
#0a1f42
```
#0a1f42 rgb(10,31,66)
```
#0d2753
```
#0d2753 rgb(13,39,83)
```
#102f64
```
#102f64 rgb(16,47,100)
```
#123775
```
#123775 rgb(18,55,117)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#184797
```
#184797 rgb(24,71,151)
```
#1a4fa8
```
#1a4fa8 rgb(26,79,168)
```
#1d57b9
```
#1d57b9 rgb(29,87,185)
```
#205fca
```
#205fca rgb(32,95,202)
```
#2267db
```
#2267db rgb(34,103,219)
```

Shade Color Variation

#3272df
```
#3272df rgb(50,114,223)
```
#437ee2
```
#437ee2 rgb(67,126,226)
```
#5489e4
```
#5489e4 rgb(84,137,228)
```
#6595e7
```
#6595e7 rgb(101,149,231)
```
#76a1e9
```
#76a1e9 rgb(118,161,233)
```
#87acec
```
#87acec rgb(135,172,236)
```
#98b8ef
```
#98b8ef rgb(152,184,239)
```
#a9c4f1
```
#a9c4f1 rgb(169,196,241)
```
#bacff4
```
#bacff4 rgb(186,207,244)
```
#cadbf7
```
#cadbf7 rgb(202,219,247)
```
#dbe7f9
```
#dbe7f9 rgb(219,231,249)
```
#ecf2fc
```
#ecf2fc rgb(236,242,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 #033a98 is the most saturated one.

#4b4d50
```
#4b4d50 rgb(75,77,80)
```
#454b56
```
#454b56 rgb(69,75,86)
```
#3f4a5c
```
#3f4a5c rgb(63,74,92)
```
#394862
```
#394862 rgb(57,72,98)
```
#334768
```
#334768 rgb(51,71,104)
```
#2d456e
```
#2d456e rgb(45,69,110)
```
#274474
```
#274474 rgb(39,68,116)
```
#21427a
```
#21427a rgb(33,66,122)
```
#1b4180
```
#1b4180 rgb(27,65,128)
```
#153f86
```
#153f86 rgb(21,63,134)
```
#0f3d8c
```
#0f3d8c rgb(15,61,140)
```
#093c92
```
#093c92 rgb(9,60,146)
```
#033a98
```
#033a98 rgb(3,58,152)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#333c4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#19498c Protanopia 1% of men
#004d7e Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#17458a Protanomaly 1% of men, 0.01% of women
#074881 Deuteranomaly 6% of men, 0.4% of women
#074b68 Tritanomaly 0.01% of the population

#153f86 hex color

#153f86 Color Information

#153f86 Color Conversion

Color Schemes with #153f86

Alternatives to #153f86

#153f86 Preview

Shades and Tints of #153f86

Tones of #153f86

Color Blindness Simulator