#1f54e8 hex color

In a RGB color space, hex #1f54e8 is composed of 12.2% red, 32.9% green and 91% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 63.8% magenta, 0% yellow and 9% black. It has a hue angle of 224.2 degrees, a saturation of 81.4% and a lightness of 51.6%. #1f54e8 color hex could be obtained by blending #3ea8ff with #0000d1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 33
- B 91
RGB color chart
- C 87
- M 64
- Y 0
- K 9
CMYK color chart

● #1f54e8 color description : Vivid blue.

The hexadecimal color #1f54e8 has RGB values of R:31, G:84, B:232 and CMYK values of C:0.87, M:0.64, Y:0, K:0.09. Its decimal value is 2053352.

Hex triplet	1f54e8	`#1f54e8`
RGB Decimal	31, 84, 232	`rgb(31,84,232)`
RGB Percent	12.2, 32.9, 91	`rgb(12.2%,32.9%,91%)`
CMYK	87, 64, 0, 9
HSL	224.2°, 81.4, 51.6	`hsl(224.2,81.4%,51.6%)`
HSV (or HSB)	224.2°, 86.6, 91
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.933, 38.996, -78.901
XYZ	18.298, 12.457, 77.779
xyY	0.169, 0.115, 12.457
CIE-LCH	41.933, 88.012, 296.3
CIE-LUV	41.933, -16.856, -115.927
Hunter-Lab	35.294, 30.777, -105.955
Binary	00011111, 01010100, 11101000

#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#e8b31f
```
#e8b31f rgb(232,179,31)
```

Complementary Color

#1fb9e8
```
#1fb9e8 rgb(31,185,232)
```
#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#4e1fe8
```
#4e1fe8 rgb(78,31,232)
```

Analogous Color

#b9e81f
```
#b9e81f rgb(185,232,31)
```
#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#e84e1f
```
#e84e1f rgb(232,78,31)
```

Split Complementary Color

#54e81f
```
#54e81f rgb(84,232,31)
```
#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#e81f54
```
#e81f54 rgb(232,31,84)
```

Triadic Color

#1fe8b3
```
#1fe8b3 rgb(31,232,179)
```
#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#e81f54
```
#e81f54 rgb(232,31,84)
```
#e8b31f
```
#e8b31f rgb(232,179,31)
```

Tetradic Color

#1139a9
```
#1139a9 rgb(17,57,169)
```
#1441c0
```
#1441c0 rgb(20,65,192)
```
#1649d7
```
#1649d7 rgb(22,73,215)
```
#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#3666ea
```
#3666ea rgb(54,102,234)
```
#4d77ed
```
#4d77ed rgb(77,119,237)
```
#6489ef
```
#6489ef rgb(100,137,239)
```

Monochromatic Color

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

#1f86e8
```
#1f86e8 rgb(31,134,232)
```
#1f76e8
```
#1f76e8 rgb(31,118,232)
```
#1f65e8
```
#1f65e8 rgb(31,101,232)
```
#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#1f43e8
```
#1f43e8 rgb(31,67,232)
```
#1f33e8
```
#1f33e8 rgb(31,51,232)
```
#1f22e8
```
#1f22e8 rgb(31,34,232)
```

Similar Colors

Text with hexadecimal color #1f54e8

This text has a font color of #1f54e8.

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

#1f54e8 background color

This paragraph has a background color of #1f54e8.

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

#1f54e8 border color

This element has a border color of #1f54e8.

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

CSS codes

.text {color:#1f54e8;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030819
```
#030819 rgb(3,8,25)
```
#040f2b
```
#040f2b rgb(4,15,43)
```
#06153d
```
#06153d rgb(6,21,61)
```
#081b4e
```
#081b4e rgb(8,27,78)
```
#0a2160
```
#0a2160 rgb(10,33,96)
```
#0c2772
```
#0c2772 rgb(12,39,114)
```
#0e2d84
```
#0e2d84 rgb(14,45,132)
```
#0f3396
```
#0f3396 rgb(15,51,150)
```
#1139a7
```
#1139a7 rgb(17,57,167)
```
#133fb9
```
#133fb9 rgb(19,63,185)
```
#1545cb
```
#1545cb rgb(21,69,203)
```
#174bdd
```
#174bdd rgb(23,75,221)
```

Shade Color Variation

#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#3162ea
```
#3162ea rgb(49,98,234)
```
#436fec
```
#436fec rgb(67,111,236)
```
#547ded
```
#547ded rgb(84,125,237)
```
#668aef
```
#668aef rgb(102,138,239)
```
#7898f1
```
#7898f1 rgb(120,152,241)
```
#8aa5f3
```
#8aa5f3 rgb(138,165,243)
```
#9cb3f5
```
#9cb3f5 rgb(156,179,245)
```
#adc1f7
```
#adc1f7 rgb(173,193,247)
```
#bfcef8
```
#bfcef8 rgb(191,206,248)
```
#d1dcfa
```
#d1dcfa rgb(209,220,250)
```
#e3e9fc
```
#e3e9fc rgb(227,233,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#7e8189
```
#7e8189 rgb(126,129,137)
```
#757c93
```
#757c93 rgb(117,124,147)
```
#6b789c
```
#6b789c rgb(107,120,156)
```
#6273a6
```
#6273a6 rgb(98,115,166)
```
#586faf
```
#586faf rgb(88,111,175)
```
#4f6ab9
```
#4f6ab9 rgb(79,106,185)
```
#4566c2
```
#4566c2 rgb(69,102,194)
```
#3c61cc
```
#3c61cc rgb(60,97,204)
```
#325dd5
```
#325dd5 rgb(50,93,213)
```
#2958df
```
#2958df rgb(41,88,223)
```
#1f54e8
```
#1f54e8 rgb(31,84,232)
```
#1650f2
```
#1650f2 rgb(22,80,242)
```
#0c4bfb
```
#0c4bfb rgb(12,75,251)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4a5572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0b60d5 Protanomaly 1% of men, 0.01% of women
#0b64c4 Deuteranomaly 6% of men, 0.4% of women
#0b69a3 Tritanomaly 0.01% of the population

#1f54e8 hex color

#1f54e8 Color Information

#1f54e8 Color Conversion

Color Schemes with #1f54e8

Alternatives to #1f54e8

#1f54e8 Preview

Shades and Tints of #1f54e8

Tones of #1f54e8

Color Blindness Simulator