#1f36db hex color

In a RGB color space, hex #1f36db is composed of 12.2% red, 21.2% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 75.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 232.7 degrees, a saturation of 75.2% and a lightness of 49%. #1f36db color hex could be obtained by blending #3e6cff with #0000b7. Closest websafe color is: #3333cc.

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

● #1f36db color description : Vivid blue.

The hexadecimal color #1f36db has RGB values of R:31, G:54, B:219 and CMYK values of C:0.86, M:0.75, Y:0, K:0.14. Its decimal value is 2045659.

Hex triplet	1f36db	`#1f36db`
RGB Decimal	31, 54, 219	`rgb(31,54,219)`
RGB Percent	12.2, 21.2, 85.9	`rgb(12.2%,21.2%,85.9%)`
CMYK	86, 75, 0, 14
HSL	232.7°, 75.2, 49	`hsl(232.7,75.2%,49%)`
HSV (or HSB)	232.7°, 85.8, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.072, 52.363, -84.449
XYZ	14.668, 8.043, 67.793
xyY	0.162, 0.089, 8.043
CIE-LCH	34.072, 99.366, 301.801
CIE-LUV	34.072, -10.901, -112.778
Hunter-Lab	28.36, 42.689, -121.877
Binary	00011111, 00110110, 11011011

#1f36db
```
#1f36db rgb(31,54,219)
```
#dbc41f
```
#dbc41f rgb(219,196,31)
```

Complementary Color

#1f94db
```
#1f94db rgb(31,148,219)
```
#1f36db
```
#1f36db rgb(31,54,219)
```
#661fdb
```
#661fdb rgb(102,31,219)
```

Analogous Color

#94db1f
```
#94db1f rgb(148,219,31)
```
#1f36db
```
#1f36db rgb(31,54,219)
```
#db661f
```
#db661f rgb(219,102,31)
```

Split Complementary Color

#36db1f
```
#36db1f rgb(54,219,31)
```
#1f36db
```
#1f36db rgb(31,54,219)
```
#db1f36
```
#db1f36 rgb(219,31,54)
```

Triadic Color

#1fdbc4
```
#1fdbc4 rgb(31,219,196)
```
#1f36db
```
#1f36db rgb(31,54,219)
```
#db1f36
```
#db1f36 rgb(219,31,54)
```
#dbc41f
```
#dbc41f rgb(219,196,31)
```

Tetradic Color

#162598
```
#162598 rgb(22,37,152)
```
#192bae
```
#192bae rgb(25,43,174)
```
#1c30c5
```
#1c30c5 rgb(28,48,197)
```
#1f36db
```
#1f36db rgb(31,54,219)
```
#3247e2
```
#3247e2 rgb(50,71,226)
```
#485be5
```
#485be5 rgb(72,91,229)
```
#5e6fe8
```
#5e6fe8 rgb(94,111,232)
```

Monochromatic Color

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

#1f65db
```
#1f65db rgb(31,101,219)
```
#1f55db
```
#1f55db rgb(31,85,219)
```
#1f46db
```
#1f46db rgb(31,70,219)
```
#1f36db
```
#1f36db rgb(31,54,219)
```
#1f26db
```
#1f26db rgb(31,38,219)
```
#271fdb
```
#271fdb rgb(39,31,219)
```
#371fdb
```
#371fdb rgb(55,31,219)
```

Similar Colors

Text with hexadecimal color #1f36db

This text has a font color of #1f36db.

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

#1f36db background color

This paragraph has a background color of #1f36db.

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

#1f36db border color

This element has a border color of #1f36db.

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

CSS codes

.text {color:#1f36db;}

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

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

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, #02030d is the darkest color, while #fbfbfe is the lightest one.

#02030d
```
#02030d rgb(2,3,13)
```
#04071e
```
#04071e rgb(4,7,30)
```
#070c2f
```
#070c2f rgb(7,12,47)
```
#091040
```
#091040 rgb(9,16,64)
```
#0c1452
```
#0c1452 rgb(12,20,82)
```
#0e1863
```
#0e1863 rgb(14,24,99)
```
#101d74
```
#101d74 rgb(16,29,116)
```
#132185
```
#132185 rgb(19,33,133)
```
#152596
```
#152596 rgb(21,37,150)
```
#1829a7
```
#1829a7 rgb(24,41,167)
```
#1a2eb9
```
#1a2eb9 rgb(26,46,185)
```
#1d32ca
```
#1d32ca rgb(29,50,202)
```
#1f36db
```
#1f36db rgb(31,54,219)
```

Shade Color Variation

#2c43e1
```
#2c43e1 rgb(44,67,225)
```
#3e52e4
```
#3e52e4 rgb(62,82,228)
```
#4f61e6
```
#4f61e6 rgb(79,97,230)
```
#6071e8
```
#6071e8 rgb(96,113,232)
```
#7180eb
```
#7180eb rgb(113,128,235)
```
#828fed
```
#828fed rgb(130,143,237)
```
#949ff0
```
#949ff0 rgb(148,159,240)
```
#a5aef2
```
#a5aef2 rgb(165,174,242)
```
#b6bef5
```
#b6bef5 rgb(182,190,245)
```
#c7cdf7
```
#c7cdf7 rgb(199,205,247)
```
#d8dcfa
```
#d8dcfa rgb(216,220,250)
```
#e9ecfc
```
#e9ecfc rgb(233,236,252)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#767784
```
#767784 rgb(118,119,132)
```
#6c708e
```
#6c708e rgb(108,112,142)
```
#626998
```
#626998 rgb(98,105,152)
```
#5962a1
```
#5962a1 rgb(89,98,161)
```
#4f5aab
```
#4f5aab rgb(79,90,171)
```
#4553b5
```
#4553b5 rgb(69,83,181)
```
#3c4cbe
```
#3c4cbe rgb(60,76,190)
```
#3245c8
```
#3245c8 rgb(50,69,200)
```
#293dd1
```
#293dd1 rgb(41,61,209)
```
#1f36db
```
#1f36db rgb(31,54,219)
```
#152fe5
```
#152fe5 rgb(21,47,229)
```
#0c27ee
```
#0c27ee rgb(12,39,238)
```
#0220f8
```
#0220f8 rgb(2,32,248)
```

Tone Color Variation

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

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0b4aba Protanomaly 1% of men, 0.01% of women
#0b4eac Deuteranomaly 6% of men, 0.4% of women
#0b5290 Tritanomaly 0.01% of the population

#1f36db hex color

#1f36db Color Information

#1f36db Color Conversion

Color Schemes with #1f36db

Alternatives to #1f36db

#1f36db Preview

Shades and Tints of #1f36db

Tones of #1f36db

Color Blindness Simulator