#1f5efb hex color

In a RGB color space, hex #1f5efb is composed of 12.2% red, 36.9% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 87.6% cyan, 62.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 222.8 degrees, a saturation of 96.5% and a lightness of 55.3%. #1f5efb color hex could be obtained by blending #3ebcff with #0000f7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 37
- B 98
RGB color chart
- C 88
- M 63
- Y 0
- K 2
CMYK color chart

● #1f5efb color description : Vivid blue.

The hexadecimal color #1f5efb has RGB values of R:31, G:94, B:251 and CMYK values of C:0.88, M:0.63, Y:0, K:0.02. Its decimal value is 2055931.

Hex triplet	1f5efb	`#1f5efb`
RGB Decimal	31, 94, 251	`rgb(31,94,251)`
RGB Percent	12.2, 36.9, 98.4	`rgb(12.2%,36.9%,98.4%)`
CMYK	88, 63, 0, 2
HSL	222.8°, 96.5, 55.3	`hsl(222.8,96.5%,55.3%)`
HSV (or HSB)	222.8°, 87.6, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.988, 39.696, -82.917
XYZ	21.977, 15.26, 93.049
xyY	0.169, 0.117, 15.26
CIE-LCH	45.988, 91.929, 295.583
CIE-LUV	45.988, -19.122, -125.079
Hunter-Lab	39.064, 32.059, -113.881
Binary	00011111, 01011110, 11111011

#1f5efb
```
#1f5efb rgb(31,94,251)
```
#fbbc1f
```
#fbbc1f rgb(251,188,31)
```

Complementary Color

#1fccfb
```
#1fccfb rgb(31,204,251)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```
#4e1ffb
```
#4e1ffb rgb(78,31,251)
```

Analogous Color

#ccfb1f
```
#ccfb1f rgb(204,251,31)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```
#fb4e1f
```
#fb4e1f rgb(251,78,31)
```

Split Complementary Color

#5efb1f
```
#5efb1f rgb(94,251,31)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```
#fb1f5e
```
#fb1f5e rgb(251,31,94)
```

Triadic Color

#1ffbbc
```
#1ffbbc rgb(31,251,188)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```
#fb1f5e
```
#fb1f5e rgb(251,31,94)
```
#fbbc1f
```
#fbbc1f rgb(251,188,31)
```

Tetradic Color

#043cca
```
#043cca rgb(4,60,202)
```
#0444e3
```
#0444e3 rgb(4,68,227)
```
#064cfb
```
#064cfb rgb(6,76,251)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```
#3870fb
```
#3870fb rgb(56,112,251)
```
#5182fc
```
#5182fc rgb(81,130,252)
```
#6a94fc
```
#6a94fc rgb(106,148,252)
```

Monochromatic Color

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

#1f95fb
```
#1f95fb rgb(31,149,251)
```
#1f83fb
```
#1f83fb rgb(31,131,251)
```
#1f70fb
```
#1f70fb rgb(31,112,251)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```
#1f4cfb
```
#1f4cfb rgb(31,76,251)
```
#1f39fb
```
#1f39fb rgb(31,57,251)
```
#1f27fb
```
#1f27fb rgb(31,39,251)
```

Similar Colors

Text with hexadecimal color #1f5efb

This text has a font color of #1f5efb.

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

#1f5efb background color

This paragraph has a background color of #1f5efb.

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

#1f5efb border color

This element has a border color of #1f5efb.

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

CSS codes

.text {color:#1f5efb;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00081b
```
#00081b rgb(0,8,27)
```
#010e2e
```
#010e2e rgb(1,14,46)
```
#011341
```
#011341 rgb(1,19,65)
```
#021954
```
#021954 rgb(2,25,84)
```
#021f68
```
#021f68 rgb(2,31,104)
```
#02257b
```
#02257b rgb(2,37,123)
```
#032b8e
```
#032b8e rgb(3,43,142)
```
#0330a1
```
#0330a1 rgb(3,48,161)
```
#0336b5
```
#0336b5 rgb(3,54,181)
```
#043cc8
```
#043cc8 rgb(4,60,200)
```
#0442db
```
#0442db rgb(4,66,219)
```
#0447ef
```
#0447ef rgb(4,71,239)
```

Shade Color Variation

#0c50fb
```
#0c50fb rgb(12,80,251)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```
#326cfb
```
#326cfb rgb(50,108,251)
```
#467afc
```
#467afc rgb(70,122,252)
```
#5988fc
```
#5988fc rgb(89,136,252)
```
#6c95fc
```
#6c95fc rgb(108,149,252)
```
#7fa3fd
```
#7fa3fd rgb(127,163,253)
```
#93b1fd
```
#93b1fd rgb(147,177,253)
```
#a6bffd
```
#a6bffd rgb(166,191,253)
```
#b9cdfe
```
#b9cdfe rgb(185,205,254)
```
#ccdbfe
```
#ccdbfe rgb(204,219,254)
```
#e0e9fe
```
#e0e9fe rgb(224,233,254)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b92 is the less saturated color, while #1f5efb is the most saturated one.

#888b92
```
#888b92 rgb(136,139,146)
```
#7f879b
```
#7f879b rgb(127,135,155)
```
#7783a3
```
#7783a3 rgb(119,131,163)
```
#6e80ac
```
#6e80ac rgb(110,128,172)
```
#657cb5
```
#657cb5 rgb(101,124,181)
```
#5c78be
```
#5c78be rgb(92,120,190)
```
#5474c6
```
#5474c6 rgb(84,116,198)
```
#4b71cf
```
#4b71cf rgb(75,113,207)
```
#426dd8
```
#426dd8 rgb(66,109,216)
```
#3969e1
```
#3969e1 rgb(57,105,225)
```
#3165e9
```
#3165e9 rgb(49,101,233)
```
#2862f2
```
#2862f2 rgb(40,98,242)
```
#1f5efb
```
#1f5efb rgb(31,94,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#515d7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#0b6ae7 Protanomaly 1% of men, 0.01% of women
#0b6ed5 Deuteranomaly 6% of men, 0.4% of women
#0b73b0 Tritanomaly 0.01% of the population

#1f5efb hex color

#1f5efb Color Information

#1f5efb Color Conversion

Color Schemes with #1f5efb

Alternatives to #1f5efb

#1f5efb Preview

Shades and Tints of #1f5efb

Tones of #1f5efb

Color Blindness Simulator