#1533a4 hex color

In a RGB color space, hex #1533a4 is composed of 8.2% red, 20% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 87.2% cyan, 68.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 227.4 degrees, a saturation of 77.3% and a lightness of 36.3%. #1533a4 color hex could be obtained by blending #2a66ff with #000049. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 20
- B 64
RGB color chart
- C 87
- M 69
- Y 0
- K 36
CMYK color chart

● #1533a4 color description : Dark blue.

The hexadecimal color #1533a4 has RGB values of R:21, G:51, B:164 and CMYK values of C:0.87, M:0.69, Y:0, K:0.36. Its decimal value is 1389476.

Hex triplet	1533a4	`#1533a4`
RGB Decimal	21, 51, 164	`rgb(21,51,164)`
RGB Percent	8.2, 20, 64.3	`rgb(8.2%,20%,64.3%)`
CMYK	87, 69, 0, 36
HSL	227.4°, 77.3, 36.3	`hsl(227.4,77.3%,36.3%)`
HSV (or HSB)	227.4°, 87.2, 64.3
Web Safe	003399	`#003399`

CIE-LAB	27.316, 34.16, -63.22
XYZ	8.193, 5.207, 35.693
xyY	0.167, 0.106, 5.207
CIE-LCH	27.316, 71.858, 298.384
CIE-LUV	27.316, -10.076, -80.255
Hunter-Lab	22.818, 24.155, -76.77
Binary	00010101, 00110011, 10100100

#1533a4
```
#1533a4 rgb(21,51,164)
```
#a48615
```
#a48615 rgb(164,134,21)
```

Complementary Color

#157ba4
```
#157ba4 rgb(21,123,164)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#3f15a4
```
#3f15a4 rgb(63,21,164)
```

Analogous Color

#7ba415
```
#7ba415 rgb(123,164,21)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#a43f15
```
#a43f15 rgb(164,63,21)
```

Split Complementary Color

#33a415
```
#33a415 rgb(51,164,21)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#a41533
```
#a41533 rgb(164,21,51)
```

Triadic Color

#15a486
```
#15a486 rgb(21,164,134)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#a41533
```
#a41533 rgb(164,21,51)
```
#a48615
```
#a48615 rgb(164,134,21)
```

Tetradic Color

#0c1e60
```
#0c1e60 rgb(12,30,96)
```
#0f2577
```
#0f2577 rgb(15,37,119)
```
#122c8d
```
#122c8d rgb(18,44,141)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#183abb
```
#183abb rgb(24,58,187)
```
#1b41d1
```
#1b41d1 rgb(27,65,209)
```
#234be3
```
#234be3 rgb(35,75,227)
```

Monochromatic Color

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

#1557a4
```
#1557a4 rgb(21,87,164)
```
#154ba4
```
#154ba4 rgb(21,75,164)
```
#153fa4
```
#153fa4 rgb(21,63,164)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#1527a4
```
#1527a4 rgb(21,39,164)
```
#151ba4
```
#151ba4 rgb(21,27,164)
```
#1b15a4
```
#1b15a4 rgb(27,21,164)
```

Similar Colors

Text with hexadecimal color #1533a4

This text has a font color of #1533a4.

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

#1533a4 background color

This paragraph has a background color of #1533a4.

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

#1533a4 border color

This element has a border color of #1533a4.

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

CSS codes

.text {color:#1533a4;}

.background {background-color:#1533a4;}

.border {border:1px solid #1533a4;}

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

#010208
```
#010208 rgb(1,2,8)
```
#030819
```
#030819 rgb(3,8,25)
```
#050d2a
```
#050d2a rgb(5,13,42)
```
#08133c
```
#08133c rgb(8,19,60)
```
#0a184d
```
#0a184d rgb(10,24,77)
```
#0c1d5e
```
#0c1d5e rgb(12,29,94)
```
#0e2370
```
#0e2370 rgb(14,35,112)
```
#112881
```
#112881 rgb(17,40,129)
```
#132e93
```
#132e93 rgb(19,46,147)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#1738b5
```
#1738b5 rgb(23,56,181)
```
#193ec7
```
#193ec7 rgb(25,62,199)
```
#1c43d8
```
#1c43d8 rgb(28,67,216)
```

Shade Color Variation

#244ce3
```
#244ce3 rgb(36,76,227)
```
#365be5
```
#365be5 rgb(54,91,229)
```
#4769e7
```
#4769e7 rgb(71,105,231)
```
#5977ea
```
#5977ea rgb(89,119,234)
```
#6a85ec
```
#6a85ec rgb(106,133,236)
```
#7b93ee
```
#7b93ee rgb(123,147,238)
```
#8da2f0
```
#8da2f0 rgb(141,162,240)
```
#9eb0f3
```
#9eb0f3 rgb(158,176,243)
```
#b0bef5
```
#b0bef5 rgb(176,190,245)
```
#c1ccf7
```
#c1ccf7 rgb(193,204,247)
```
#d2dbf9
```
#d2dbf9 rgb(210,219,249)
```
#e4e9fc
```
#e4e9fc rgb(228,233,252)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5c5d is the less saturated color, while #072bb2 is the most saturated one.

#5c5c5d
```
#5c5c5d rgb(92,92,93)
```
#555864
```
#555864 rgb(85,88,100)
```
#4e546b
```
#4e546b rgb(78,84,107)
```
#475072
```
#475072 rgb(71,80,114)
```
#404c79
```
#404c79 rgb(64,76,121)
```
#394880
```
#394880 rgb(57,72,128)
```
#314488
```
#314488 rgb(49,68,136)
```
#2a3f8f
```
#2a3f8f rgb(42,63,143)
```
#233b96
```
#233b96 rgb(35,59,150)
```
#1c379d
```
#1c379d rgb(28,55,157)
```
#1533a4
```
#1533a4 rgb(21,51,164)
```
#0e2fab
```
#0e2fab rgb(14,47,171)
```
#072bb2
```
#072bb2 rgb(7,43,178)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#30364d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c7a Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#074095 Protanomaly 1% of men, 0.01% of women
#074389 Deuteranomaly 6% of men, 0.4% of women
#074672 Tritanomaly 0.01% of the population

#1533a4 hex color

#1533a4 Color Information

#1533a4 Color Conversion

Color Schemes with #1533a4

Alternatives to #1533a4

#1533a4 Preview

Shades and Tints of #1533a4

Tones of #1533a4

Color Blindness Simulator