#1f36ec hex color

In a RGB color space, hex #1f36ec is composed of 12.2% red, 21.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 77.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 233.3 degrees, a saturation of 84.4% and a lightness of 52.4%. #1f36ec color hex could be obtained by blending #3e6cff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 12
- G 21
- B 93
RGB color chart
- C 87
- M 77
- Y 0
- K 7
CMYK color chart

● #1f36ec color description : Vivid blue.

The hexadecimal color #1f36ec has RGB values of R:31, G:54, B:236 and CMYK values of C:0.87, M:0.77, Y:0, K:0.07. Its decimal value is 2045676.

Hex triplet	1f36ec	`#1f36ec`
RGB Decimal	31, 54, 236	`rgb(31,54,236)`
RGB Percent	12.2, 21.2, 92.5	`rgb(12.2%,21.2%,92.5%)`
CMYK	87, 77, 0, 7
HSL	233.3°, 84.4, 52.4	`hsl(233.3,84.4%,52.4%)`
HSV (or HSB)	233.3°, 86.9, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.954, 57.89, -91.036
XYZ	17.021, 8.984, 80.189
xyY	0.16, 0.085, 8.984
CIE-LCH	35.954, 107.884, 302.452
CIE-LUV	35.954, -11.362, -122.576
Hunter-Lab	29.974, 48.911, -137.636
Binary	00011111, 00110110, 11101100

#1f36ec
```
#1f36ec rgb(31,54,236)
```
#ecd51f
```
#ecd51f rgb(236,213,31)
```

Complementary Color

#1f9dec
```
#1f9dec rgb(31,157,236)
```
#1f36ec
```
#1f36ec rgb(31,54,236)
```
#6f1fec
```
#6f1fec rgb(111,31,236)
```

Analogous Color

#9dec1f
```
#9dec1f rgb(157,236,31)
```
#1f36ec
```
#1f36ec rgb(31,54,236)
```
#ec6f1f
```
#ec6f1f rgb(236,111,31)
```

Split Complementary Color

#36ec1f
```
#36ec1f rgb(54,236,31)
```
#1f36ec
```
#1f36ec rgb(31,54,236)
```
#ec1f36
```
#ec1f36 rgb(236,31,54)
```

Triadic Color

#1fecd5
```
#1fecd5 rgb(31,236,213)
```
#1f36ec
```
#1f36ec rgb(31,54,236)
```
#ec1f36
```
#ec1f36 rgb(236,31,54)
```
#ecd51f
```
#ecd51f rgb(236,213,31)
```

Tetradic Color

#0f21b0
```
#0f21b0 rgb(15,33,176)
```
#1125c7
```
#1125c7 rgb(17,37,199)
```
#132adf
```
#132adf rgb(19,42,223)
```
#1f36ec
```
#1f36ec rgb(31,54,236)
```
#374bee
```
#374bee rgb(55,75,238)
```
#4e60f0
```
#4e60f0 rgb(78,96,240)
```
#6675f2
```
#6675f2 rgb(102,117,242)
```

Monochromatic Color

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

#1f69ec
```
#1f69ec rgb(31,105,236)
```
#1f58ec
```
#1f58ec rgb(31,88,236)
```
#1f47ec
```
#1f47ec rgb(31,71,236)
```
#1f36ec
```
#1f36ec rgb(31,54,236)
```
#1f25ec
```
#1f25ec rgb(31,37,236)
```
#2a1fec
```
#2a1fec rgb(42,31,236)
```
#3b1fec
```
#3b1fec rgb(59,31,236)
```

Similar Colors

Text with hexadecimal color #1f36ec

This text has a font color of #1f36ec.

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

#1f36ec background color

This paragraph has a background color of #1f36ec.

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

#1f36ec border color

This element has a border color of #1f36ec.

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

CSS codes

.text {color:#1f36ec;}

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

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

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, #01020b is the darkest color, while #f8f9fe is the lightest one.

#01020b
```
#01020b rgb(1,2,11)
```
#02051d
```
#02051d rgb(2,5,29)
```
#04092f
```
#04092f rgb(4,9,47)
```
#060c41
```
#060c41 rgb(6,12,65)
```
#071053
```
#071053 rgb(7,16,83)
```
#091365
```
#091365 rgb(9,19,101)
```
#0a1678
```
#0a1678 rgb(10,22,120)
```
#0c1a8a
```
#0c1a8a rgb(12,26,138)
```
#0d1d9c
```
#0d1d9c rgb(13,29,156)
```
#0f21ae
```
#0f21ae rgb(15,33,174)
```
#1024c0
```
#1024c0 rgb(16,36,192)
```
#1227d2
```
#1227d2 rgb(18,39,210)
```
#132be4
```
#132be4 rgb(19,43,228)
```

Shade Color Variation

#1f36ec
```
#1f36ec rgb(31,54,236)
```
#3146ee
```
#3146ee rgb(49,70,238)
```
#4356ef
```
#4356ef rgb(67,86,239)
```
#5567f1
```
#5567f1 rgb(85,103,241)
```
#6777f2
```
#6777f2 rgb(103,119,242)
```
#7987f4
```
#7987f4 rgb(121,135,244)
```
#8b97f5
```
#8b97f5 rgb(139,151,245)
```
#9ea8f7
```
#9ea8f7 rgb(158,168,247)
```
#b0b8f8
```
#b0b8f8 rgb(176,184,248)
```
#c2c8fa
```
#c2c8fa rgb(194,200,250)
```
#d4d8fb
```
#d4d8fb rgb(212,216,251)
```
#e6e8fd
```
#e6e8fd rgb(230,232,253)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7e8f is the less saturated color, while #0c28ff is the most saturated one.

#7c7e8f
```
#7c7e8f rgb(124,126,143)
```
#737798
```
#737798 rgb(115,119,152)
```
#6a70a1
```
#6a70a1 rgb(106,112,161)
```
#6069ab
```
#6069ab rgb(96,105,171)
```
#5761b4
```
#5761b4 rgb(87,97,180)
```
#4e5abd
```
#4e5abd rgb(78,90,189)
```
#4453c7
```
#4453c7 rgb(68,83,199)
```
#3b4cd0
```
#3b4cd0 rgb(59,76,208)
```
#3244d9
```
#3244d9 rgb(50,68,217)
```
#283de3
```
#283de3 rgb(40,61,227)
```
#1f36ec
```
#1f36ec rgb(31,54,236)
```
#162ff5
```
#162ff5 rgb(22,47,245)
```
#0c28ff
```
#0c28ff rgb(12,40,255)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3d4166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0b4dc6 Protanomaly 1% of men, 0.01% of women
#0b50b6 Deuteranomaly 6% of men, 0.4% of women
#0b559a Tritanomaly 0.01% of the population

#1f36ec hex color

#1f36ec Color Information

#1f36ec Color Conversion

Color Schemes with #1f36ec

Alternatives to #1f36ec

#1f36ec Preview

Shades and Tints of #1f36ec

Tones of #1f36ec

Color Blindness Simulator