#1d5bfa hex color

In a RGB color space, hex #1d5bfa is composed of 11.4% red, 35.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 88.4% cyan, 63.6% magenta, 0% yellow and 2% black. It has a hue angle of 223.2 degrees, a saturation of 95.7% and a lightness of 54.7%. #1d5bfa color hex could be obtained by blending #3ab6ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 36
- B 98
RGB color chart
- C 88
- M 64
- Y 0
- K 2
CMYK color chart

● #1d5bfa color description : Vivid blue.

The hexadecimal color #1d5bfa has RGB values of R:29, G:91, B:250 and CMYK values of C:0.88, M:0.64, Y:0, K:0.02. Its decimal value is 1924090.

Hex triplet	1d5bfa	`#1d5bfa`
RGB Decimal	29, 91, 250	`rgb(29,91,250)`
RGB Percent	11.4, 35.7, 98	`rgb(11.4%,35.7%,98%)`
CMYK	88, 64, 0, 2
HSL	223.2°, 95.7, 54.7	`hsl(223.2,95.7%,54.7%)`
HSV (or HSB)	223.2°, 88.4, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.142, 41.104, -83.749
XYZ	21.499, 14.644, 92.131
xyY	0.168, 0.114, 14.644
CIE-LCH	45.142, 93.292, 296.142
CIE-LUV	45.142, -18.589, -125.402
Hunter-Lab	38.267, 33.318, -115.957
Binary	00011101, 01011011, 11111010

#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#fabc1d
```
#fabc1d rgb(250,188,29)
```

Complementary Color

#1dcafa
```
#1dcafa rgb(29,202,250)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#4e1dfa
```
#4e1dfa rgb(78,29,250)
```

Analogous Color

#cafa1d
```
#cafa1d rgb(202,250,29)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#fa4e1d
```
#fa4e1d rgb(250,78,29)
```

Split Complementary Color

#5bfa1d
```
#5bfa1d rgb(91,250,29)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#fa1d5b
```
#fa1d5b rgb(250,29,91)
```

Triadic Color

#1dfabc
```
#1dfabc rgb(29,250,188)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#fa1d5b
```
#fa1d5b rgb(250,29,91)
```
#fabc1d
```
#fabc1d rgb(250,188,29)
```

Tetradic Color

#043bc6
```
#043bc6 rgb(4,59,198)
```
#0542df
```
#0542df rgb(5,66,223)
```
#054af8
```
#054af8 rgb(5,74,248)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#366dfb
```
#366dfb rgb(54,109,251)
```
#4f7ffb
```
#4f7ffb rgb(79,127,251)
```
#6891fc
```
#6891fc rgb(104,145,252)
```

Monochromatic Color

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

#1d92fa
```
#1d92fa rgb(29,146,250)
```
#1d80fa
```
#1d80fa rgb(29,128,250)
```
#1d6dfa
```
#1d6dfa rgb(29,109,250)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#1d49fa
```
#1d49fa rgb(29,73,250)
```
#1d36fa
```
#1d36fa rgb(29,54,250)
```
#1d24fa
```
#1d24fa rgb(29,36,250)
```

Similar Colors

Text with hexadecimal color #1d5bfa

This text has a font color of #1d5bfa.

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

#1d5bfa background color

This paragraph has a background color of #1d5bfa.

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

#1d5bfa border color

This element has a border color of #1d5bfa.

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

CSS codes

.text {color:#1d5bfa;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010717
```
#010717 rgb(1,7,23)
```
#010d2b
```
#010d2b rgb(1,13,43)
```
#01123e
```
#01123e rgb(1,18,62)
```
#021851
```
#021851 rgb(2,24,81)
```
#021e64
```
#021e64 rgb(2,30,100)
```
#032377
```
#032377 rgb(3,35,119)
```
#03298b
```
#03298b rgb(3,41,139)
```
#032f9e
```
#032f9e rgb(3,47,158)
```
#0434b1
```
#0434b1 rgb(4,52,177)
```
#043ac4
```
#043ac4 rgb(4,58,196)
```
#0540d7
```
#0540d7 rgb(5,64,215)
```
#0546eb
```
#0546eb rgb(5,70,235)
```

Shade Color Variation

#0a4dfa
```
#0a4dfa rgb(10,77,250)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```
#3069fa
```
#3069fa rgb(48,105,250)
```
#4377fb
```
#4377fb rgb(67,119,251)
```
#5785fb
```
#5785fb rgb(87,133,251)
```
#6a93fc
```
#6a93fc rgb(106,147,252)
```
#7da1fc
```
#7da1fc rgb(125,161,252)
```
#90affd
```
#90affd rgb(144,175,253)
```
#a3bcfd
```
#a3bcfd rgb(163,188,253)
```
#b7cafd
```
#b7cafd rgb(183,202,253)
```
#cad8fe
```
#cad8fe rgb(202,216,254)
```
#dde6fe
```
#dde6fe rgb(221,230,254)
```
#f0f4ff
```
#f0f4ff rgb(240,244,255)
```

Tint Color Variation

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

#888a8f
```
#888a8f rgb(136,138,143)
```
#7f8698
```
#7f8698 rgb(127,134,152)
```
#7682a1
```
#7682a1 rgb(118,130,161)
```
#6d7eaa
```
#6d7eaa rgb(109,126,170)
```
#647ab3
```
#647ab3 rgb(100,122,179)
```
#5b76bc
```
#5b76bc rgb(91,118,188)
```
#5272c5
```
#5272c5 rgb(82,114,197)
```
#496ece
```
#496ece rgb(73,110,206)
```
#416bd6
```
#416bd6 rgb(65,107,214)
```
#3867df
```
#3867df rgb(56,103,223)
```
#2f63e8
```
#2f63e8 rgb(47,99,232)
```
#265ff1
```
#265ff1 rgb(38,95,241)
```
#1d5bfa
```
#1d5bfa rgb(29,91,250)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#4f5b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd8 Protanopia 1% of men
#0075bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#0a67e4 Protanomaly 1% of men, 0.01% of women
#0a6bd2 Deuteranomaly 6% of men, 0.4% of women
#0a71af Tritanomaly 0.01% of the population

#1d5bfa hex color

#1d5bfa Color Information

#1d5bfa Color Conversion

Color Schemes with #1d5bfa

Alternatives to #1d5bfa

#1d5bfa Preview

Shades and Tints of #1d5bfa

Tones of #1d5bfa

Color Blindness Simulator