#1f36dd hex color

In a RGB color space, hex #1f36dd is composed of 12.2% red, 21.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 86% cyan, 75.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 232.7 degrees, a saturation of 75.4% and a lightness of 49.4%. #1f36dd color hex could be obtained by blending #3e6cff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 21
- B 87
RGB color chart
- C 86
- M 76
- Y 0
- K 13
CMYK color chart

● #1f36dd color description : Vivid blue.

The hexadecimal color #1f36dd has RGB values of R:31, G:54, B:221 and CMYK values of C:0.86, M:0.76, Y:0, K:0.13. Its decimal value is 2045661.

Hex triplet	1f36dd	`#1f36dd`
RGB Decimal	31, 54, 221	`rgb(31,54,221)`
RGB Percent	12.2, 21.2, 86.7	`rgb(12.2%,21.2%,86.7%)`
CMYK	86, 76, 0, 13
HSL	232.7°, 75.4, 49.4	`hsl(232.7,75.4%,49.4%)`
HSV (or HSB)	232.7°, 86, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.291, 53.024, -85.235
XYZ	14.933, 8.149, 69.189
xyY	0.162, 0.088, 8.149
CIE-LCH	34.291, 100.382, 301.885
CIE-LUV	34.291, -10.954, -113.938
Hunter-Lab	28.546, 43.418, -123.72
Binary	00011111, 00110110, 11011101

#1f36dd
```
#1f36dd rgb(31,54,221)
```
#ddc61f
```
#ddc61f rgb(221,198,31)
```

Complementary Color

#1f95dd
```
#1f95dd rgb(31,149,221)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```
#671fdd
```
#671fdd rgb(103,31,221)
```

Analogous Color

#95dd1f
```
#95dd1f rgb(149,221,31)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```
#dd671f
```
#dd671f rgb(221,103,31)
```

Split Complementary Color

#36dd1f
```
#36dd1f rgb(54,221,31)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```

Triadic Color

#1fddc6
```
#1fddc6 rgb(31,221,198)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```
#dd1f36
```
#dd1f36 rgb(221,31,54)
```
#ddc61f
```
#ddc61f rgb(221,198,31)
```

Tetradic Color

#16269a
```
#16269a rgb(22,38,154)
```
#192bb0
```
#192bb0 rgb(25,43,176)
```
#1c31c7
```
#1c31c7 rgb(28,49,199)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```
#3348e2
```
#3348e2 rgb(51,72,226)
```
#495ce6
```
#495ce6 rgb(73,92,230)
```
#6070e9
```
#6070e9 rgb(96,112,233)
```

Monochromatic Color

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

#1f66dd
```
#1f66dd rgb(31,102,221)
```
#1f56dd
```
#1f56dd rgb(31,86,221)
```
#1f46dd
```
#1f46dd rgb(31,70,221)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```
#1f26dd
```
#1f26dd rgb(31,38,221)
```
#281fdd
```
#281fdd rgb(40,31,221)
```
#371fdd
```
#371fdd rgb(55,31,221)
```

Similar Colors

Text with hexadecimal color #1f36dd

This text has a font color of #1f36dd.

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

#1f36dd background color

This paragraph has a background color of #1f36dd.

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

#1f36dd border color

This element has a border color of #1f36dd.

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

CSS codes

.text {color:#1f36dd;}

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

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

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, #02040f is the darkest color, while #fcfdff is the lightest one.

#02040f
```
#02040f rgb(2,4,15)
```
#040820
```
#040820 rgb(4,8,32)
```
#070c31
```
#070c31 rgb(7,12,49)
```
#091042
```
#091042 rgb(9,16,66)
```
#0c1453
```
#0c1453 rgb(12,20,83)
```
#0e1965
```
#0e1965 rgb(14,25,101)
```
#111d76
```
#111d76 rgb(17,29,118)
```
#132187
```
#132187 rgb(19,33,135)
```
#152598
```
#152598 rgb(21,37,152)
```
#1829a9
```
#1829a9 rgb(24,41,169)
```
#1a2ebb
```
#1a2ebb rgb(26,46,187)
```
#1d32cc
```
#1d32cc rgb(29,50,204)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```

Shade Color Variation

#2e44e2
```
#2e44e2 rgb(46,68,226)
```
#3f53e4
```
#3f53e4 rgb(63,83,228)
```
#5063e7
```
#5063e7 rgb(80,99,231)
```
#6272e9
```
#6272e9 rgb(98,114,233)
```
#7381eb
```
#7381eb rgb(115,129,235)
```
#8491ee
```
#8491ee rgb(132,145,238)
```
#95a0f0
```
#95a0f0 rgb(149,160,240)
```
#a6b0f3
```
#a6b0f3 rgb(166,176,243)
```
#b8bff5
```
#b8bff5 rgb(184,191,245)
```
#c9cef7
```
#c9cef7 rgb(201,206,247)
```
#dadefa
```
#dadefa rgb(218,222,250)
```
#ebedfc
```
#ebedfc rgb(235,237,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#767886
```
#767886 rgb(118,120,134)
```
#6d718f
```
#6d718f rgb(109,113,143)
```
#636999
```
#636999 rgb(99,105,153)
```
#5962a3
```
#5962a3 rgb(89,98,163)
```
#4f5bad
```
#4f5bad rgb(79,91,173)
```
#4653b6
```
#4653b6 rgb(70,83,182)
```
#3c4cc0
```
#3c4cc0 rgb(60,76,192)
```
#3245ca
```
#3245ca rgb(50,69,202)
```
#293dd3
```
#293dd3 rgb(41,61,211)
```
#1f36dd
```
#1f36dd rgb(31,54,221)
```
#152fe7
```
#152fe7 rgb(21,47,231)
```
#0c27f0
```
#0c27f0 rgb(12,39,240)
```
#0220fa
```
#0220fa rgb(2,32,250)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b4061 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0b4bbc Protanomaly 1% of men, 0.01% of women
#0b4ead Deuteranomaly 6% of men, 0.4% of women
#0b5291 Tritanomaly 0.01% of the population

#1f36dd hex color

#1f36dd Color Information

#1f36dd Color Conversion

Color Schemes with #1f36dd

Alternatives to #1f36dd

#1f36dd Preview

Shades and Tints of #1f36dd

Tones of #1f36dd

Color Blindness Simulator