#1f36ae hex color

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

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

● #1f36ae color description : Dark blue.

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

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

CIE-LAB	29.374, 36.646, -65.833
XYZ	9.523, 5.985, 40.695
xyY	0.169, 0.106, 5.985
CIE-LCH	29.374, 75.345, 299.102
CIE-LUV	29.374, -9.845, -85.931
Hunter-Lab	24.464, 26.669, -81.502
Binary	00011111, 00110110, 10101110

#1f36ae
```
#1f36ae rgb(31,54,174)
```
#ae971f
```
#ae971f rgb(174,151,31)
```

Complementary Color

#1f7eae
```
#1f7eae rgb(31,126,174)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#501fae
```
#501fae rgb(80,31,174)
```

Analogous Color

#7eae1f
```
#7eae1f rgb(126,174,31)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#ae501f
```
#ae501f rgb(174,80,31)
```

Split Complementary Color

#36ae1f
```
#36ae1f rgb(54,174,31)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#ae1f36
```
#ae1f36 rgb(174,31,54)
```

Triadic Color

#1fae97
```
#1fae97 rgb(31,174,151)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#ae1f36
```
#ae1f36 rgb(174,31,54)
```
#ae971f
```
#ae971f rgb(174,151,31)
```

Tetradic Color

#13226d
```
#13226d rgb(19,34,109)
```
#172983
```
#172983 rgb(23,41,131)
```
#1b2f98
```
#1b2f98 rgb(27,47,152)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#233dc4
```
#233dc4 rgb(35,61,196)
```
#2744d9
```
#2744d9 rgb(39,68,217)
```
#3d57dc
```
#3d57dc rgb(61,87,220)
```

Monochromatic Color

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

#1f5aae
```
#1f5aae rgb(31,90,174)
```
#1f4eae
```
#1f4eae rgb(31,78,174)
```
#1f42ae
```
#1f42ae rgb(31,66,174)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#1f2aae
```
#1f2aae rgb(31,42,174)
```
#201fae
```
#201fae rgb(32,31,174)
```
#2c1fae
```
#2c1fae rgb(44,31,174)
```

Similar Colors

Text with hexadecimal color #1f36ae

This text has a font color of #1f36ae.

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

#1f36ae background color

This paragraph has a background color of #1f36ae.

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

#1f36ae border color

This element has a border color of #1f36ae.

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

CSS codes

.text {color:#1f36ae;}

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

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

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 #f6f7fd is the lightest one.

#010208
```
#010208 rgb(1,2,8)
```
#040718
```
#040718 rgb(4,7,24)
```
#070d29
```
#070d29 rgb(7,13,41)
```
#0a1239
```
#0a1239 rgb(10,18,57)
```
#0d174a
```
#0d174a rgb(13,23,74)
```
#101c5b
```
#101c5b rgb(16,28,91)
```
#13216b
```
#13216b rgb(19,33,107)
```
#16267c
```
#16267c rgb(22,38,124)
```
#192c8d
```
#192c8d rgb(25,44,141)
```
#1c319d
```
#1c319d rgb(28,49,157)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#223bbf
```
#223bbf rgb(34,59,191)
```
#2540cf
```
#2540cf rgb(37,64,207)
```

Shade Color Variation

#2e4ada
```
#2e4ada rgb(46,74,218)
```
#3f58dd
```
#3f58dd rgb(63,88,221)
```
#4f67e0
```
#4f67e0 rgb(79,103,224)
```
#6075e3
```
#6075e3 rgb(96,117,227)
```
#7183e6
```
#7183e6 rgb(113,131,230)
```
#8192e9
```
#8192e9 rgb(129,146,233)
```
#92a0ec
```
#92a0ec rgb(146,160,236)
```
#a3afef
```
#a3afef rgb(163,175,239)
```
#b3bdf2
```
#b3bdf2 rgb(179,189,242)
```
#c4ccf4
```
#c4ccf4 rgb(196,204,244)
```
#d5daf7
```
#d5daf7 rgb(213,218,247)
```
#e5e9fa
```
#e5e9fa rgb(229,233,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,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 #0726c6 is the most saturated one.

#666667
```
#666667 rgb(102,102,103)
```
#5e616f
```
#5e616f rgb(94,97,111)
```
#565b77
```
#565b77 rgb(86,91,119)
```
#4e567f
```
#4e567f rgb(78,86,127)
```
#465187
```
#465187 rgb(70,81,135)
```
#3f4b8e
```
#3f4b8e rgb(63,75,142)
```
#374696
```
#374696 rgb(55,70,150)
```
#2f419e
```
#2f419e rgb(47,65,158)
```
#273ba6
```
#273ba6 rgb(39,59,166)
```
#1f36ae
```
#1f36ae rgb(31,54,174)
```
#1731b6
```
#1731b6 rgb(23,49,182)
```
#0f2bbe
```
#0f2bbe rgb(15,43,190)
```
#0726c6
```
#0726c6 rgb(7,38,198)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#0b449e Protanomaly 1% of men, 0.01% of women
#0b4791 Deuteranomaly 6% of men, 0.4% of women
#0b4a79 Tritanomaly 0.01% of the population

#1f36ae hex color

#1f36ae Color Information

#1f36ae Color Conversion

Color Schemes with #1f36ae

Alternatives to #1f36ae

#1f36ae Preview

Shades and Tints of #1f36ae

Tones of #1f36ae

Color Blindness Simulator