#1f20ae hex color

In a RGB color space, hex #1f20ae is composed of 12.2% red, 12.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 81.6% magenta, 0% yellow and 31.8% black. It has a hue angle of 239.6 degrees, a saturation of 69.8% and a lightness of 40.2%. #1f20ae color hex could be obtained by blending #3e40ff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 12
- G 13
- B 68
RGB color chart
- C 82
- M 82
- Y 0
- K 32
CMYK color chart

● #1f20ae color description : Dark blue.

The hexadecimal color #1f20ae has RGB values of R:31, G:32, B:174 and CMYK values of C:0.82, M:0.82, Y:0, K:0.32. Its decimal value is 2039982.

Hex triplet	1f20ae	`#1f20ae`
RGB Decimal	31, 32, 174	`rgb(31,32,174)`
RGB Percent	12.2, 12.5, 68.2	`rgb(12.2%,12.5%,68.2%)`
CMYK	82, 82, 0, 32
HSL	239.6°, 69.8, 40.2	`hsl(239.6,69.8%,40.2%)`
HSV (or HSB)	239.6°, 82.2, 68.2
Web Safe	333399	`#333399`

CIE-LAB	24.889, 49.263, -73.25
XYZ	8.72, 4.38, 40.428
xyY	0.163, 0.082, 4.38
CIE-LCH	24.889, 88.275, 303.922
CIE-LUV	24.889, -6.344, -86.363
Hunter-Lab	20.928, 37.752, -99.886
Binary	00011111, 00100000, 10101110

#1f20ae
```
#1f20ae rgb(31,32,174)
```
#aead1f
```
#aead1f rgb(174,173,31)
```

Complementary Color

#1f68ae
```
#1f68ae rgb(31,104,174)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#661fae
```
#661fae rgb(102,31,174)
```

Analogous Color

#68ae1f
```
#68ae1f rgb(104,174,31)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#ae661f
```
#ae661f rgb(174,102,31)
```

Split Complementary Color

#20ae1f
```
#20ae1f rgb(32,174,31)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#ae1f20
```
#ae1f20 rgb(174,31,32)
```

Triadic Color

#1faead
```
#1faead rgb(31,174,173)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#ae1f20
```
#ae1f20 rgb(174,31,32)
```
#aead1f
```
#aead1f rgb(174,173,31)
```

Tetradic Color

#13146d
```
#13146d rgb(19,20,109)
```
#171883
```
#171883 rgb(23,24,131)
```
#1b1c98
```
#1b1c98 rgb(27,28,152)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#2324c4
```
#2324c4 rgb(35,36,196)
```
#2729d9
```
#2729d9 rgb(39,41,217)
```
#3d3edc
```
#3d3edc rgb(61,62,220)
```

Monochromatic Color

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

#1f44ae
```
#1f44ae rgb(31,68,174)
```
#1f38ae
```
#1f38ae rgb(31,56,174)
```
#1f2cae
```
#1f2cae rgb(31,44,174)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#2a1fae
```
#2a1fae rgb(42,31,174)
```
#361fae
```
#361fae rgb(54,31,174)
```
#421fae
```
#421fae rgb(66,31,174)
```

Similar Colors

Text with hexadecimal color #1f20ae

This text has a font color of #1f20ae.

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

#1f20ae background color

This paragraph has a background color of #1f20ae.

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

#1f20ae border color

This element has a border color of #1f20ae.

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

CSS codes

.text {color:#1f20ae;}

.background {background-color:#1f20ae;}

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

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

#010108
```
#010108 rgb(1,1,8)
```
#040418
```
#040418 rgb(4,4,24)
```
#070829
```
#070829 rgb(7,8,41)
```
#0a0b39
```
#0a0b39 rgb(10,11,57)
```
#0d0e4a
```
#0d0e4a rgb(13,14,74)
```
#10115b
```
#10115b rgb(16,17,91)
```
#13146b
```
#13146b rgb(19,20,107)
```
#16177c
```
#16177c rgb(22,23,124)
```
#191a8d
```
#191a8d rgb(25,26,141)
```
#1c1d9d
```
#1c1d9d rgb(28,29,157)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#2223bf
```
#2223bf rgb(34,35,191)
```
#2526cf
```
#2526cf rgb(37,38,207)
```

Shade Color Variation

#2e2fda
```
#2e2fda rgb(46,47,218)
```
#3f40dd
```
#3f40dd rgb(63,64,221)
```
#4f50e0
```
#4f50e0 rgb(79,80,224)
```
#6061e3
```
#6061e3 rgb(96,97,227)
```
#7171e6
```
#7171e6 rgb(113,113,230)
```
#8182e9
```
#8182e9 rgb(129,130,233)
```
#9293ec
```
#9293ec rgb(146,147,236)
```
#a3a3ef
```
#a3a3ef rgb(163,163,239)
```
#b3b4f2
```
#b3b4f2 rgb(179,180,242)
```
#c4c4f4
```
#c4c4f4 rgb(196,196,244)
```
#d5d5f7
```
#d5d5f7 rgb(213,213,247)
```
#e5e5fa
```
#e5e5fa rgb(229,229,250)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#666667
```
#666667 rgb(102,102,103)
```
#5e5e6f
```
#5e5e6f rgb(94,94,111)
```
#565677
```
#565677 rgb(86,86,119)
```
#4e4f7f
```
#4e4f7f rgb(78,79,127)
```
#464787
```
#464787 rgb(70,71,135)
```
#3f3f8e
```
#3f3f8e rgb(63,63,142)
```
#373796
```
#373796 rgb(55,55,150)
```
#2f309e
```
#2f309e rgb(47,48,158)
```
#2728a6
```
#2728a6 rgb(39,40,166)
```
#1f20ae
```
#1f20ae rgb(31,32,174)
```
#1718b6
```
#1718b6 rgb(23,24,182)
```
#0f10be
```
#0f10be rgb(15,16,190)
```
#0709c6
```
#0709c6 rgb(7,9,198)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#2d2d49 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#0b3692 Protanomaly 1% of men, 0.01% of women
#0b3987 Deuteranomaly 6% of men, 0.4% of women
#0b3c71 Tritanomaly 0.01% of the population

#1f20ae hex color

#1f20ae Color Information

#1f20ae Color Conversion

Color Schemes with #1f20ae

Alternatives to #1f20ae

#1f20ae Preview

Shades and Tints of #1f20ae

Tones of #1f20ae

Color Blindness Simulator