colorhexa.com

#1f56ce hex color

In a RGB color space, hex #1f56ce is composed of 12.2% red, 33.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 58.3% magenta, 0% yellow and 19.2% black. It has a hue angle of 221.1 degrees, a saturation of 73.8% and a lightness of 46.5%. #1f56ce color hex could be obtained by blending #3eacff with #00009d. Closest websafe color is: #3366cc.

- R 12
- G 34
- B 81
RGB color chart
- C 85
- M 58
- Y 0
- K 19
CMYK color chart

● #1f56ce color description : Strong blue.

The hexadecimal color #1f56ce has RGB values of R:31, G:86, B:206 and CMYK values of C:0.85, M:0.58, Y:0, K:0.19. Its decimal value is 2053838.

Hex triplet	1f56ce	`#1f56ce`
RGB Decimal	31, 86, 206	`rgb(31,86,206)`
RGB Percent	12.2, 33.7, 80.8	`rgb(12.2%,33.7%,80.8%)`
CMYK	85, 58, 0, 19
HSL	221.1°, 73.8, 46.5	`hsl(221.1,73.8%,46.5%)`
HSV (or HSB)	221.1°, 85, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.249, 27.934, -66.802
XYZ	15.031, 11.402, 59.798
xyY	0.174, 0.132, 11.402
CIE-LCH	40.249, 72.408, 292.693
CIE-LUV	40.249, -17.434, -98.13
Hunter-Lab	33.767, 20.366, -81.36
Binary	00011111, 01010110, 11001110

#1f56ce
```
#1f56ce rgb(31,86,206)
```
#ce971f
```
#ce971f rgb(206,151,31)
```

Complementary Color

#1faece
```
#1faece rgb(31,174,206)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```
#401fce
```
#401fce rgb(64,31,206)
```

Analogous Color

#aece1f
```
#aece1f rgb(174,206,31)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```
#ce401f
```
#ce401f rgb(206,64,31)
```

Split Complementary Color

#56ce1f
```
#56ce1f rgb(86,206,31)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```
#ce1f56
```
#ce1f56 rgb(206,31,86)
```

Triadic Color

#1fce97
```
#1fce97 rgb(31,206,151)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```
#ce1f56
```
#ce1f56 rgb(206,31,86)
```
#ce971f
```
#ce971f rgb(206,151,31)
```

Tetradic Color

#153a8c
```
#153a8c rgb(21,58,140)
```
#1843a2
```
#1843a2 rgb(24,67,162)
```
#1c4db8
```
#1c4db8 rgb(28,77,184)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```
#2861df
```
#2861df rgb(40,97,223)
```
#3e72e2
```
#3e72e2 rgb(62,114,226)
```
#5482e5
```
#5482e5 rgb(84,130,229)
```

Monochromatic Color

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

#1f82ce
```
#1f82ce rgb(31,130,206)
```
#1f73ce
```
#1f73ce rgb(31,115,206)
```
#1f65ce
```
#1f65ce rgb(31,101,206)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```
#1f47ce
```
#1f47ce rgb(31,71,206)
```
#1f39ce
```
#1f39ce rgb(31,57,206)
```
#1f2ace
```
#1f2ace rgb(31,42,206)
```

Similar Colors

Text with hexadecimal color #1f56ce

This text has a font color of #1f56ce.

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

#1f56ce background color

This paragraph has a background color of #1f56ce.

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

#1f56ce border color

This element has a border color of #1f56ce.

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

CSS codes

.text {color:#1f56ce;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#050f24
```
#050f24 rgb(5,15,36)
```
#081635
```
#081635 rgb(8,22,53)
```
#0a1d46
```
#0a1d46 rgb(10,29,70)
```
#0d2457
```
#0d2457 rgb(13,36,87)
```
#102b68
```
#102b68 rgb(16,43,104)
```
#123279
```
#123279 rgb(18,50,121)
```
#153a8a
```
#153a8a rgb(21,58,138)
```
#17419b
```
#17419b rgb(23,65,155)
```
#1a48ac
```
#1a48ac rgb(26,72,172)
```
#1c4fbd
```
#1c4fbd rgb(28,79,189)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```

Shade Color Variation

#235ede
```
#235ede rgb(35,94,222)
```
#346ae0
```
#346ae0 rgb(52,106,224)
```
#4577e3
```
#4577e3 rgb(69,119,227)
```
#5683e6
```
#5683e6 rgb(86,131,230)
```
#6790e8
```
#6790e8 rgb(103,144,232)
```
#789ceb
```
#789ceb rgb(120,156,235)
```
#89a9ed
```
#89a9ed rgb(137,169,237)
```
#9ab5f0
```
#9ab5f0 rgb(154,181,240)
```
#abc2f2
```
#abc2f2 rgb(171,194,242)
```
#bccef5
```
#bccef5 rgb(188,206,245)
```
#cddbf8
```
#cddbf8 rgb(205,219,248)
```
#dee7fa
```
#dee7fa rgb(222,231,250)
```
#eff4fd
```
#eff4fd rgb(239,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71747c is the less saturated color, while #044ce9 is the most saturated one.

#71747c
```
#71747c rgb(113,116,124)
```
#687185
```
#687185 rgb(104,113,133)
```
#5f6e8e
```
#5f6e8e rgb(95,110,142)
```
#566a97
```
#566a97 rgb(86,106,151)
```
#4d67a0
```
#4d67a0 rgb(77,103,160)
```
#4364aa
```
#4364aa rgb(67,100,170)
```
#3a60b3
```
#3a60b3 rgb(58,96,179)
```
#315dbc
```
#315dbc rgb(49,93,188)
```
#2859c5
```
#2859c5 rgb(40,89,197)
```
#1f56ce
```
#1f56ce rgb(31,86,206)
```
#1653d7
```
#1653d7 rgb(22,83,215)
```
#0d4fe0
```
#0d4fe0 rgb(13,79,224)
```
#044ce9
```
#044ce9 rgb(4,76,233)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#49546c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#0b5ec7 Protanomaly 1% of men, 0.01% of women
#0b62b7 Deuteranomaly 6% of men, 0.4% of women
#0b6796 Tritanomaly 0.01% of the population