colorhexa.com

#1503a2 hex color

In a RGB color space, hex #1503a2 is composed of 8.2% red, 1.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 98.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 246.8 degrees, a saturation of 96.4% and a lightness of 32.4%. #1503a2 color hex could be obtained by blending #2a06ff with #000045. Closest websafe color is: #000099.

- R 8
- G 1
- B 64
RGB color chart
- C 87
- M 98
- Y 0
- K 36
CMYK color chart

● #1503a2 color description : Dark blue.

The hexadecimal color #1503a2 has RGB values of R:21, G:3, B:162 and CMYK values of C:0.87, M:0.98, Y:0, K:0.36. Its decimal value is 1377186.

Hex triplet	1503a2	`#1503a2`
RGB Decimal	21, 3, 162	`rgb(21,3,162)`
RGB Percent	8.2, 1.2, 63.5	`rgb(8.2%,1.2%,63.5%)`
CMYK	87, 98, 0, 36
HSL	246.8°, 96.4, 32.4	`hsl(246.8,96.4%,32.4%)`
HSV (or HSB)	246.8°, 98.1, 63.5
Web Safe	000099	`#000099`

CIE-LAB	19.361, 55.78, -75.204
XYZ	6.862, 2.833, 34.366
xyY	0.156, 0.064, 2.833
CIE-LCH	19.361, 93.632, 306.565
CIE-LUV	19.361, -4.478, -75.786
Hunter-Lab	16.831, 43.324, -109.279
Binary	00010101, 00000011, 10100010

#1503a2
```
#1503a2 rgb(21,3,162)
```
#90a203
```
#90a203 rgb(144,162,3)
```

Complementary Color

#0340a2
```
#0340a2 rgb(3,64,162)
```
#1503a2
```
#1503a2 rgb(21,3,162)
```
#6503a2
```
#6503a2 rgb(101,3,162)
```

Analogous Color

#40a203
```
#40a203 rgb(64,162,3)
```
#1503a2
```
#1503a2 rgb(21,3,162)
```
#a26503
```
#a26503 rgb(162,101,3)
```

Split Complementary Color

#0b0257
```
#0b0257 rgb(11,2,87)
```
#0f0270
```
#0f0270 rgb(15,2,112)
```
#120389
```
#120389 rgb(18,3,137)
```
#1503a2
```
#1503a2 rgb(21,3,162)
```
#1803bb
```
#1803bb rgb(24,3,187)
```
#1b04d4
```
#1b04d4 rgb(27,4,212)
```
#1f04ed
```
#1f04ed rgb(31,4,237)
```

Monochromatic Color

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

#0319a2
```
#0319a2 rgb(3,25,162)
```
#030ca2
```
#030ca2 rgb(3,12,162)
```
#0803a2
```
#0803a2 rgb(8,3,162)
```
#1503a2
```
#1503a2 rgb(21,3,162)
```
#2203a2
```
#2203a2 rgb(34,3,162)
```
#3003a2
```
#3003a2 rgb(48,3,162)
```
#3d03a2
```
#3d03a2 rgb(61,3,162)
```

Similar Colors

Text with hexadecimal color #1503a2

This text has a font color of #1503a2.

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

#1503a2 background color

This paragraph has a background color of #1503a2.

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

#1503a2 border color

This element has a border color of #1503a2.

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

CSS codes

.text {color:#1503a2;}

.background {background-color:#1503a2;}

.border {border:1px solid #1503a2;}

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

#010008
```
#010008 rgb(1,0,8)
```
#04011b
```
#04011b rgb(4,1,27)
```
#06012e
```
#06012e rgb(6,1,46)
```
#090142
```
#090142 rgb(9,1,66)
```
#0b0255
```
#0b0255 rgb(11,2,85)
```
#0e0268
```
#0e0268 rgb(14,2,104)
```
#10027b
```
#10027b rgb(16,2,123)
```
#13038f
```
#13038f rgb(19,3,143)
```
#1503a2
```
#1503a2 rgb(21,3,162)
```
#1703b5
```
#1703b5 rgb(23,3,181)
```
#1a04c9
```
#1a04c9 rgb(26,4,201)
```
#1c04dc
```
#1c04dc rgb(28,4,220)
```
#1f04ef
```
#1f04ef rgb(31,4,239)
```

Shade Color Variation

#280dfb
```
#280dfb rgb(40,13,251)
```
#3920fb
```
#3920fb rgb(57,32,251)
```
#4a33fb
```
#4a33fb rgb(74,51,251)
```
#5b46fc
```
#5b46fc rgb(91,70,252)
```
#6c5afc
```
#6c5afc rgb(108,90,252)
```
#7d6dfc
```
#7d6dfc rgb(125,109,252)
```
#8e80fd
```
#8e80fd rgb(142,128,253)
```
#9f93fd
```
#9f93fd rgb(159,147,253)
```
#b0a7fd
```
#b0a7fd rgb(176,167,253)
```
#c2bafe
```
#c2bafe rgb(194,186,254)
```
#d3cdfe
```
#d3cdfe rgb(211,205,254)
```
#e4e0fe
```
#e4e0fe rgb(228,224,254)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #504f56 is the less saturated color, while #1503a2 is the most saturated one.

#504f56
```
#504f56 rgb(80,79,86)
```
#4b495c
```
#4b495c rgb(75,73,92)
```
#464263
```
#464263 rgb(70,66,99)
```
#413c69
```
#413c69 rgb(65,60,105)
```
#3c366f
```
#3c366f rgb(60,54,111)
```
#372f76
```
#372f76 rgb(55,47,118)
```
#32297c
```
#32297c rgb(50,41,124)
```
#2e2382
```
#2e2382 rgb(46,35,130)
```
#291c89
```
#291c89 rgb(41,28,137)
```
#24168f
```
#24168f rgb(36,22,143)
```
#1f1095
```
#1f1095 rgb(31,16,149)
```
#1a099c
```
#1a099c rgb(26,9,156)
```
#1503a2
```
#1503a2 rgb(21,3,162)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#1a1636 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00386c Protanopia 1% of men
#003b5d Deuteranopia 1% of men
#003f42 Tritanopia 0.001% of the population

Trichromacy

#072480 Protanomaly 1% of men, 0.01% of women
#072676 Deuteranomaly 6% of men, 0.4% of women
#072964 Tritanomaly 0.01% of the population