#1f36cc hex color

In a RGB color space, hex #1f36cc is composed of 12.2% red, 21.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 73.5% magenta, 0% yellow and 20% black. It has a hue angle of 232 degrees, a saturation of 73.6% and a lightness of 46.1%. #1f36cc color hex could be obtained by blending #3e6cff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 12
- G 21
- B 80
RGB color chart
- C 85
- M 74
- Y 0
- K 20
CMYK color chart

● #1f36cc color description : Strong blue.

The hexadecimal color #1f36cc has RGB values of R:31, G:54, B:204 and CMYK values of C:0.85, M:0.74, Y:0, K:0.2. Its decimal value is 2045644.

Hex triplet	1f36cc	`#1f36cc`
RGB Decimal	31, 54, 204	`rgb(31,54,204)`
RGB Percent	12.2, 21.2, 80	`rgb(12.2%,21.2%,80%)`
CMYK	85, 74, 0, 20
HSL	232°, 73.6, 46.1	`hsl(232,73.6%,46.1%)`
HSV (or HSB)	232°, 84.8, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.454, 47.306, -78.45
XYZ	12.781, 7.288, 57.857
xyY	0.164, 0.094, 7.288
CIE-LCH	32.454, 91.609, 301.09
CIE-LUV	32.454, -10.519, -103.996
Hunter-Lab	26.997, 37.262, -108.166
Binary	00011111, 00110110, 11001100

#1f36cc
```
#1f36cc rgb(31,54,204)
```
#ccb51f
```
#ccb51f rgb(204,181,31)
```

Complementary Color

#1f8dcc
```
#1f8dcc rgb(31,141,204)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#5f1fcc
```
#5f1fcc rgb(95,31,204)
```

Analogous Color

#8dcc1f
```
#8dcc1f rgb(141,204,31)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#cc5f1f
```
#cc5f1f rgb(204,95,31)
```

Split Complementary Color

#36cc1f
```
#36cc1f rgb(54,204,31)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#cc1f36
```
#cc1f36 rgb(204,31,54)
```

Triadic Color

#1fccb5
```
#1fccb5 rgb(31,204,181)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#cc1f36
```
#cc1f36 rgb(204,31,54)
```
#ccb51f
```
#ccb51f rgb(204,181,31)
```

Tetradic Color

#15248a
```
#15248a rgb(21,36,138)
```
#182aa0
```
#182aa0 rgb(24,42,160)
```
#1c30b6
```
#1c30b6 rgb(28,48,182)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#263fde
```
#263fde rgb(38,63,222)
```
#3d52e1
```
#3d52e1 rgb(61,82,225)
```
#5366e5
```
#5366e5 rgb(83,102,229)
```

Monochromatic Color

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

#1f61cc
```
#1f61cc rgb(31,97,204)
```
#1f53cc
```
#1f53cc rgb(31,83,204)
```
#1f44cc
```
#1f44cc rgb(31,68,204)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#1f28cc
```
#1f28cc rgb(31,40,204)
```
#251fcc
```
#251fcc rgb(37,31,204)
```
#331fcc
```
#331fcc rgb(51,31,204)
```

Similar Colors

Text with hexadecimal color #1f36cc

This text has a font color of #1f36cc.

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

#1f36cc background color

This paragraph has a background color of #1f36cc.

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

#1f36cc border color

This element has a border color of #1f36cc.

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

CSS codes

.text {color:#1f36cc;}

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

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

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

#030411
```
#030411 rgb(3,4,17)
```
#050922
```
#050922 rgb(5,9,34)
```
#080d33
```
#080d33 rgb(8,13,51)
```
#0a1244
```
#0a1244 rgb(10,18,68)
```
#0d1655
```
#0d1655 rgb(13,22,85)
```
#0f1b66
```
#0f1b66 rgb(15,27,102)
```
#121f77
```
#121f77 rgb(18,31,119)
```
#152488
```
#152488 rgb(21,36,136)
```
#172899
```
#172899 rgb(23,40,153)
```
#1a2daa
```
#1a2daa rgb(26,45,170)
```
#1c31bb
```
#1c31bb rgb(28,49,187)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#223bdd
```
#223bdd rgb(34,59,221)
```

Shade Color Variation

#3249e0
```
#3249e0 rgb(50,73,224)
```
#4359e2
```
#4359e2 rgb(67,89,226)
```
#5468e5
```
#5468e5 rgb(84,104,229)
```
#6577e8
```
#6577e8 rgb(101,119,232)
```
#7686ea
```
#7686ea rgb(118,134,234)
```
#8795ed
```
#8795ed rgb(135,149,237)
```
#98a4ef
```
#98a4ef rgb(152,164,239)
```
#aab3f2
```
#aab3f2 rgb(170,179,242)
```
#bbc2f5
```
#bbc2f5 rgb(187,194,245)
```
#ccd1f7
```
#ccd1f7 rgb(204,209,247)
```
#dde0fa
```
#dde0fa rgb(221,224,250)
```
#eef0fc
```
#eef0fc rgb(238,240,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70727b is the less saturated color, while #0422e7 is the most saturated one.

#70727b
```
#70727b rgb(112,114,123)
```
#676b84
```
#676b84 rgb(103,107,132)
```
#5e648d
```
#5e648d rgb(94,100,141)
```
#555e96
```
#555e96 rgb(85,94,150)
```
#4c579f
```
#4c579f rgb(76,87,159)
```
#4351a8
```
#4351a8 rgb(67,81,168)
```
#3a4ab1
```
#3a4ab1 rgb(58,74,177)
```
#3143ba
```
#3143ba rgb(49,67,186)
```
#283dc3
```
#283dc3 rgb(40,61,195)
```
#1f36cc
```
#1f36cc rgb(31,54,204)
```
#162fd5
```
#162fd5 rgb(22,47,213)
```
#0d29de
```
#0d29de rgb(13,41,222)
```
#0422e7
```
#0422e7 rgb(4,34,231)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#393e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a1 Protanopia 1% of men
#00588c Deuteranopia 1% of men
#005e62 Tritanopia 0.001% of the population

Trichromacy

#0b48b1 Protanomaly 1% of men, 0.01% of women
#0b4ba3 Deuteranomaly 6% of men, 0.4% of women
#0b4f88 Tritanomaly 0.01% of the population

#1f36cc hex color

#1f36cc Color Information

#1f36cc Color Conversion

Color Schemes with #1f36cc

Alternatives to #1f36cc

#1f36cc Preview

Shades and Tints of #1f36cc

Tones of #1f36cc

Color Blindness Simulator