#1f5fea hex color

In a RGB color space, hex #1f5fea is composed of 12.2% red, 37.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 86.8% cyan, 59.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 221.1 degrees, a saturation of 82.9% and a lightness of 52%. #1f5fea color hex could be obtained by blending #3ebeff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 37
- B 92
RGB color chart
- C 87
- M 59
- Y 0
- K 8
CMYK color chart

● #1f5fea color description : Vivid blue.

The hexadecimal color #1f5fea has RGB values of R:31, G:95, B:234 and CMYK values of C:0.87, M:0.59, Y:0, K:0.08. Its decimal value is 2056170.

Hex triplet	1f5fea	`#1f5fea`
RGB Decimal	31, 95, 234	`rgb(31,95,234)`
RGB Percent	12.2, 37.3, 91.8	`rgb(12.2%,37.3%,91.8%)`
CMYK	87, 59, 0, 8
HSL	221.1°, 82.9, 52	`hsl(221.1,82.9%,52%)`
HSV (or HSB)	221.1°, 86.8, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.822, 32.76, -75.298
XYZ	19.505, 14.415, 79.592
xyY	0.172, 0.127, 14.415
CIE-LCH	44.822, 82.116, 293.513
CIE-LUV	44.822, -19.468, -113.582
Hunter-Lab	37.967, 25.263, -97.716
Binary	00011111, 01011111, 11101010

#1f5fea
```
#1f5fea rgb(31,95,234)
```
#eaaa1f
```
#eaaa1f rgb(234,170,31)
```

Complementary Color

#1fc5ea
```
#1fc5ea rgb(31,197,234)
```
#1f5fea
```
#1f5fea rgb(31,95,234)
```
#441fea
```
#441fea rgb(68,31,234)
```

Analogous Color

#c5ea1f
```
#c5ea1f rgb(197,234,31)
```
#1f5fea
```
#1f5fea rgb(31,95,234)
```
#ea441f
```
#ea441f rgb(234,68,31)
```

Split Complementary Color

#5fea1f
```
#5fea1f rgb(95,234,31)
```
#1f5fea
```
#1f5fea rgb(31,95,234)
```
#ea1f5f
```
#ea1f5f rgb(234,31,95)
```

Triadic Color

#1feaaa
```
#1feaaa rgb(31,234,170)
```
#1f5fea
```
#1f5fea rgb(31,95,234)
```
#ea1f5f
```
#ea1f5f rgb(234,31,95)
```
#eaaa1f
```
#eaaa1f rgb(234,170,31)
```

Tetradic Color

#1041ac
```
#1041ac rgb(16,65,172)
```
#124ac4
```
#124ac4 rgb(18,74,196)
```
#1553db
```
#1553db rgb(21,83,219)
```
#1f5fea
```
#1f5fea rgb(31,95,234)
```
#3670ec
```
#3670ec rgb(54,112,236)
```
#4e80ee
```
#4e80ee rgb(78,128,238)
```
#6591f1
```
#6591f1 rgb(101,145,241)
```

Monochromatic Color

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

#1f92ea
```
#1f92ea rgb(31,146,234)
```
#1f81ea
```
#1f81ea rgb(31,129,234)
```
#1f70ea
```
#1f70ea rgb(31,112,234)
```
#1f5fea
```
#1f5fea rgb(31,95,234)
```
#1f4eea
```
#1f4eea rgb(31,78,234)
```
#1f3dea
```
#1f3dea rgb(31,61,234)
```
#1f2cea
```
#1f2cea rgb(31,44,234)
```

Similar Colors

Text with hexadecimal color #1f5fea

This text has a font color of #1f5fea.

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

#1f5fea background color

This paragraph has a background color of #1f5fea.

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

#1f5fea border color

This element has a border color of #1f5fea.

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

CSS codes

.text {color:#1f5fea;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#030a1b
```
#030a1b rgb(3,10,27)
```
#04112d
```
#04112d rgb(4,17,45)
```
#06183f
```
#06183f rgb(6,24,63)
```
#081f51
```
#081f51 rgb(8,31,81)
```
#092563
```
#092563 rgb(9,37,99)
```
#0b2c75
```
#0b2c75 rgb(11,44,117)
```
#0d3387
```
#0d3387 rgb(13,51,135)
```
#0e3a99
```
#0e3a99 rgb(14,58,153)
```
#1041ab
```
#1041ab rgb(16,65,171)
```
#1248bc
```
#1248bc rgb(18,72,188)
```
#134ece
```
#134ece rgb(19,78,206)
```
#1555e0
```
#1555e0 rgb(21,85,224)
```

Shade Color Variation

#1f5fea
```
#1f5fea rgb(31,95,234)
```
#316cec
```
#316cec rgb(49,108,236)
```
#4379ed
```
#4379ed rgb(67,121,237)
```
#5585ef
```
#5585ef rgb(85,133,239)
```
#6792f1
```
#6792f1 rgb(103,146,241)
```
#799ff2
```
#799ff2 rgb(121,159,242)
```
#8bacf4
```
#8bacf4 rgb(139,172,244)
```
#9db9f6
```
#9db9f6 rgb(157,185,246)
```
#aec5f7
```
#aec5f7 rgb(174,197,247)
```
#c0d2f9
```
#c0d2f9 rgb(192,210,249)
```
#d2dffb
```
#d2dffb rgb(210,223,251)
```
#e4ecfc
```
#e4ecfc rgb(228,236,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#7d828c
```
#7d828c rgb(125,130,140)
```
#747e95
```
#747e95 rgb(116,126,149)
```
#6a7b9f
```
#6a7b9f rgb(106,123,159)
```
#6177a8
```
#6177a8 rgb(97,119,168)
```
#5874b1
```
#5874b1 rgb(88,116,177)
```
#4e70bb
```
#4e70bb rgb(78,112,187)
```
#456dc4
```
#456dc4 rgb(69,109,196)
```
#3b69ce
```
#3b69ce rgb(59,105,206)
```
#3266d7
```
#3266d7 rgb(50,102,215)
```
#2862e1
```
#2862e1 rgb(40,98,225)
```
#1f5fea
```
#1f5fea rgb(31,95,234)
```
#165cf3
```
#165cf3 rgb(22,92,243)
```
#0c58fd
```
#0c58fd rgb(12,88,253)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#505d78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0b68de Protanomaly 1% of men, 0.01% of women
#0b6ccc Deuteranomaly 6% of men, 0.4% of women
#0b72a8 Tritanomaly 0.01% of the population

#1f5fea hex color

#1f5fea Color Information

#1f5fea Color Conversion

Color Schemes with #1f5fea

Alternatives to #1f5fea

#1f5fea Preview

Shades and Tints of #1f5fea

Tones of #1f5fea

Color Blindness Simulator