#1f54ce hex color

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

♥
- f
- t
- g
- R 12
- G 33
- B 81
RGB color chart
- C 85
- M 59
- Y 0
- K 19
CMYK color chart

● #1f54ce color description : Strong blue.

The hexadecimal color #1f54ce has RGB values of R:31, G:84, B:206 and CMYK values of C:0.85, M:0.59, Y:0, K:0.19. Its decimal value is 2053326.

Hex triplet	1f54ce	`#1f54ce`
RGB Decimal	31, 84, 206	`rgb(31,84,206)`
RGB Percent	12.2, 32.9, 80.8	`rgb(12.2%,32.9%,80.8%)`
CMYK	85, 59, 0, 19
HSL	221.8°, 73.8, 46.5	`hsl(221.8,73.8%,46.5%)`
HSV (or HSB)	221.8°, 85, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.727, 29.239, -67.656
XYZ	14.874, 11.087, 59.745
xyY	0.174, 0.129, 11.087
CIE-LCH	39.727, 73.704, 293.373
CIE-LUV	39.727, -16.923, -98.889
Hunter-Lab	33.297, 21.465, -83.076
Binary	00011111, 01010100, 11001110

#1f54ce
```
#1f54ce rgb(31,84,206)
```
#ce991f
```
#ce991f rgb(206,153,31)
```

Complementary Color

#1facce
```
#1facce rgb(31,172,206)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```
#421fce
```
#421fce rgb(66,31,206)
```

Analogous Color

#acce1f
```
#acce1f rgb(172,206,31)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```
#ce421f
```
#ce421f rgb(206,66,31)
```

Split Complementary Color

#54ce1f
```
#54ce1f rgb(84,206,31)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```
#ce1f54
```
#ce1f54 rgb(206,31,84)
```

Triadic Color

#1fce99
```
#1fce99 rgb(31,206,153)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```
#ce1f54
```
#ce1f54 rgb(206,31,84)
```
#ce991f
```
#ce991f rgb(206,153,31)
```

Tetradic Color

#15398c
```
#15398c rgb(21,57,140)
```
#1842a2
```
#1842a2 rgb(24,66,162)
```
#1c4bb8
```
#1c4bb8 rgb(28,75,184)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```
#285fdf
```
#285fdf rgb(40,95,223)
```
#3e70e2
```
#3e70e2 rgb(62,112,226)
```
#5480e5
```
#5480e5 rgb(84,128,229)
```

Monochromatic Color

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

#1f80ce
```
#1f80ce rgb(31,128,206)
```
#1f71ce
```
#1f71ce rgb(31,113,206)
```
#1f63ce
```
#1f63ce rgb(31,99,206)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```
#1f45ce
```
#1f45ce rgb(31,69,206)
```
#1f37ce
```
#1f37ce rgb(31,55,206)
```
#1f28ce
```
#1f28ce rgb(31,40,206)
```

Similar Colors

Text with hexadecimal color #1f54ce

This text has a font color of #1f54ce.

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

#1f54ce background color

This paragraph has a background color of #1f54ce.

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

#1f54ce border color

This element has a border color of #1f54ce.

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

CSS codes

.text {color:#1f54ce;}

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

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

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 #eff3fd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030812
```
#030812 rgb(3,8,18)
```
#050e24
```
#050e24 rgb(5,14,36)
```
#081535
```
#081535 rgb(8,21,53)
```
#0a1c46
```
#0a1c46 rgb(10,28,70)
```
#0d2357
```
#0d2357 rgb(13,35,87)
```
#102a68
```
#102a68 rgb(16,42,104)
```
#123179
```
#123179 rgb(18,49,121)
```
#15388a
```
#15388a rgb(21,56,138)
```
#173f9b
```
#173f9b rgb(23,63,155)
```
#1a46ac
```
#1a46ac rgb(26,70,172)
```
#1c4dbd
```
#1c4dbd rgb(28,77,189)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```

Shade Color Variation

#235bde
```
#235bde rgb(35,91,222)
```
#3468e0
```
#3468e0 rgb(52,104,224)
```
#4575e3
```
#4575e3 rgb(69,117,227)
```
#5681e6
```
#5681e6 rgb(86,129,230)
```
#678ee8
```
#678ee8 rgb(103,142,232)
```
#789beb
```
#789beb rgb(120,155,235)
```
#89a7ed
```
#89a7ed rgb(137,167,237)
```
#9ab4f0
```
#9ab4f0 rgb(154,180,240)
```
#abc1f2
```
#abc1f2 rgb(171,193,242)
```
#bccdf5
```
#bccdf5 rgb(188,205,245)
```
#cddaf8
```
#cddaf8 rgb(205,218,248)
```
#dee7fa
```
#dee7fa rgb(222,231,250)
```
#eff3fd
```
#eff3fd rgb(239,243,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 #0449e9 is the most saturated one.

#71747c
```
#71747c rgb(113,116,124)
```
#687185
```
#687185 rgb(104,113,133)
```
#5f6d8e
```
#5f6d8e rgb(95,109,142)
```
#566a97
```
#566a97 rgb(86,106,151)
```
#4d66a0
```
#4d66a0 rgb(77,102,160)
```
#4362aa
```
#4362aa rgb(67,98,170)
```
#3a5fb3
```
#3a5fb3 rgb(58,95,179)
```
#315bbc
```
#315bbc rgb(49,91,188)
```
#2858c5
```
#2858c5 rgb(40,88,197)
```
#1f54ce
```
#1f54ce rgb(31,84,206)
```
#1650d7
```
#1650d7 rgb(22,80,215)
```
#0d4de0
```
#0d4de0 rgb(13,77,224)
```
#0449e9
```
#0449e9 rgb(4,73,233)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#48526b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0068a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0b5dc6 Protanomaly 1% of men, 0.01% of women
#0b61b6 Deuteranomaly 6% of men, 0.4% of women
#0b6596 Tritanomaly 0.01% of the population

#1f54ce hex color

#1f54ce Color Information

#1f54ce Color Conversion

Color Schemes with #1f54ce

Alternatives to #1f54ce

#1f54ce Preview

Shades and Tints of #1f54ce

Tones of #1f54ce

Color Blindness Simulator