#1522af hex color

In a RGB color space, hex #1522af is composed of 8.2% red, 13.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 88% cyan, 80.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 234.9 degrees, a saturation of 78.6% and a lightness of 38.4%. #1522af color hex could be obtained by blending #2a44ff with #00005f. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 8
- G 13
- B 69
RGB color chart
- C 88
- M 81
- Y 0
- K 31
CMYK color chart

● #1522af color description : Dark blue.

The hexadecimal color #1522af has RGB values of R:21, G:34, B:175 and CMYK values of C:0.88, M:0.81, Y:0, K:0.31. Its decimal value is 1385135.

Hex triplet	1522af	`#1522af`
RGB Decimal	21, 34, 175	`rgb(21,34,175)`
RGB Percent	8.2, 13.3, 68.6	`rgb(8.2%,13.3%,68.6%)`
CMYK	88, 81, 0, 31
HSL	234.9°, 78.6, 38.4	`hsl(234.9,78.6%,38.4%)`
HSV (or HSB)	234.9°, 88, 68.6
Web Safe	003399	`#003399`

CIE-LAB	24.946, 48.132, -73.768
XYZ	8.618, 4.398, 40.95
xyY	0.16, 0.081, 4.398
CIE-LCH	24.946, 88.082, 303.123
CIE-LUV	24.946, -7.54, -86.865
Hunter-Lab	20.971, 36.65, -101.093
Binary	00010101, 00100010, 10101111

#1522af
```
#1522af rgb(21,34,175)
```
#afa215
```
#afa215 rgb(175,162,21)
```

Complementary Color

#156faf
```
#156faf rgb(21,111,175)
```
#1522af
```
#1522af rgb(21,34,175)
```
#5515af
```
#5515af rgb(85,21,175)
```

Analogous Color

#6faf15
```
#6faf15 rgb(111,175,21)
```
#1522af
```
#1522af rgb(21,34,175)
```
#af5515
```
#af5515 rgb(175,85,21)
```

Split Complementary Color

#22af15
```
#22af15 rgb(34,175,21)
```
#1522af
```
#1522af rgb(21,34,175)
```
#af1522
```
#af1522 rgb(175,21,34)
```

Triadic Color

#15afa2
```
#15afa2 rgb(21,175,162)
```
#1522af
```
#1522af rgb(21,34,175)
```
#af1522
```
#af1522 rgb(175,21,34)
```
#afa215
```
#afa215 rgb(175,162,21)
```

Tetradic Color

#0d156b
```
#0d156b rgb(13,21,107)
```
#101981
```
#101981 rgb(16,25,129)
```
#121e98
```
#121e98 rgb(18,30,152)
```
#1522af
```
#1522af rgb(21,34,175)
```
#1826c6
```
#1826c6 rgb(24,38,198)
```
#1a2bdd
```
#1a2bdd rgb(26,43,221)
```
#2b3be6
```
#2b3be6 rgb(43,59,230)
```

Monochromatic Color

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

#1549af
```
#1549af rgb(21,73,175)
```
#153caf
```
#153caf rgb(21,60,175)
```
#152faf
```
#152faf rgb(21,47,175)
```
#1522af
```
#1522af rgb(21,34,175)
```
#1515af
```
#1515af rgb(21,21,175)
```
#2215af
```
#2215af rgb(34,21,175)
```
#2f15af
```
#2f15af rgb(47,21,175)
```

Similar Colors

Text with hexadecimal color #1522af

This text has a font color of #1522af.

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

#1522af background color

This paragraph has a background color of #1522af.

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

#1522af border color

This element has a border color of #1522af.

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

CSS codes

.text {color:#1522af;}

.background {background-color:#1522af;}

.border {border:1px solid #1522af;}

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

#020311
```
#020311 rgb(2,3,17)
```
#040723
```
#040723 rgb(4,7,35)
```
#060a34
```
#060a34 rgb(6,10,52)
```
#080e46
```
#080e46 rgb(8,14,70)
```
#0a1157
```
#0a1157 rgb(10,17,87)
```
#0d1469
```
#0d1469 rgb(13,20,105)
```
#0f187a
```
#0f187a rgb(15,24,122)
```
#111b8c
```
#111b8c rgb(17,27,140)
```
#131f9d
```
#131f9d rgb(19,31,157)
```
#1522af
```
#1522af rgb(21,34,175)
```
#1725c1
```
#1725c1 rgb(23,37,193)
```
#1929d2
```
#1929d2 rgb(25,41,210)
```
#1b2ce4
```
#1b2ce4 rgb(27,44,228)
```

Shade Color Variation

#2d3ce6
```
#2d3ce6 rgb(45,60,230)
```
#3e4de8
```
#3e4de8 rgb(62,77,232)
```
#505dea
```
#505dea rgb(80,93,234)
```
#616dec
```
#616dec rgb(97,109,236)
```
#737dee
```
#737dee rgb(115,125,238)
```
#848df0
```
#848df0 rgb(132,141,240)
```
#969ef2
```
#969ef2 rgb(150,158,242)
```
#a7aef4
```
#a7aef4 rgb(167,174,244)
```
#b9bef7
```
#b9bef7 rgb(185,190,247)
```
#cacef9
```
#cacef9 rgb(202,206,249)
```
#dcdefb
```
#dcdefb rgb(220,222,251)
```
#edeffd
```
#edeffd rgb(237,239,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#606164
```
#606164 rgb(96,97,100)
```
#595a6b
```
#595a6b rgb(89,90,107)
```
#515473
```
#515473 rgb(81,84,115)
```
#4a4e7a
```
#4a4e7a rgb(74,78,122)
```
#424882
```
#424882 rgb(66,72,130)
```
#3b4189
```
#3b4189 rgb(59,65,137)
```
#333b91
```
#333b91 rgb(51,59,145)
```
#2c3598
```
#2c3598 rgb(44,53,152)
```
#242fa0
```
#242fa0 rgb(36,47,160)
```
#1d28a7
```
#1d28a7 rgb(29,40,167)
```
#1522af
```
#1522af rgb(21,34,175)
```
#0d1cb7
```
#0d1cb7 rgb(13,28,183)
```
#0615be
```
#0615be rgb(6,21,190)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#292c48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004382 Protanopia 1% of men
#004771 Deuteranopia 1% of men
#004c4f Tritanopia 0.001% of the population

Trichromacy

#073792 Protanomaly 1% of men, 0.01% of women
#073987 Deuteranomaly 6% of men, 0.4% of women
#073c72 Tritanomaly 0.01% of the population

#1522af hex color

#1522af Color Information

#1522af Color Conversion

Color Schemes with #1522af

Alternatives to #1522af

#1522af Preview

Shades and Tints of #1522af

Tones of #1522af

Color Blindness Simulator