#1b5dff hex color

In a RGB color space, hex #1b5dff is composed of 10.6% red, 36.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 63.5% magenta, 0% yellow and 0% black. It has a hue angle of 222.6 degrees, a saturation of 100% and a lightness of 55.3%. #1b5dff color hex could be obtained by blending #36baff with #0000ff. Closest websafe color is: #3366ff.

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

● #1b5dff color description : Vivid blue.

The hexadecimal color #1b5dff has RGB values of R:27, G:93, B:255 and CMYK values of C:0.89, M:0.64, Y:0, K:0. Its decimal value is 1793535.

Hex triplet	1b5dff	`#1b5dff`
RGB Decimal	27, 93, 255	`rgb(27,93,255)`
RGB Percent	10.6, 36.5, 100	`rgb(10.6%,36.5%,100%)`
CMYK	89, 64, 0, 0
HSL	222.6°, 100, 55.3	`hsl(222.6,100%,55.3%)`
HSV (or HSB)	222.6°, 89.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.015, 41.595, -85.102
XYZ	22.413, 15.28, 96.37
xyY	0.167, 0.114, 15.28
CIE-LCH	46.015, 94.724, 296.048
CIE-LUV	46.015, -19.168, -128.021
Hunter-Lab	39.089, 33.939, -118.81
Binary	00011011, 01011101, 11111111

#1b5dff
```
#1b5dff rgb(27,93,255)
```
#ffbd1b
```
#ffbd1b rgb(255,189,27)
```

Complementary Color

#1bcfff
```
#1bcfff rgb(27,207,255)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```
#4b1bff
```
#4b1bff rgb(75,27,255)
```

Analogous Color

#cfff1b
```
#cfff1b rgb(207,255,27)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```
#ff4b1b
```
#ff4b1b rgb(255,75,27)
```

Split Complementary Color

#5dff1b
```
#5dff1b rgb(93,255,27)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```
#ff1b5d
```
#ff1b5d rgb(255,27,93)
```

Triadic Color

#1bffbd
```
#1bffbd rgb(27,255,189)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```
#ff1b5d
```
#ff1b5d rgb(255,27,93)
```
#ffbd1b
```
#ffbd1b rgb(255,189,27)
```

Tetradic Color

#003bce
```
#003bce rgb(0,59,206)
```
#0043e7
```
#0043e7 rgb(0,67,231)
```
#014bff
```
#014bff rgb(1,75,255)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```
#356fff
```
#356fff rgb(53,111,255)
```
#4e81ff
```
#4e81ff rgb(78,129,255)
```
#6893ff
```
#6893ff rgb(104,147,255)
```

Monochromatic Color

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

#1b96ff
```
#1b96ff rgb(27,150,255)
```
#1b83ff
```
#1b83ff rgb(27,131,255)
```
#1b70ff
```
#1b70ff rgb(27,112,255)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```
#1b4aff
```
#1b4aff rgb(27,74,255)
```
#1b37ff
```
#1b37ff rgb(27,55,255)
```
#1b24ff
```
#1b24ff rgb(27,36,255)
```

Similar Colors

Text with hexadecimal color #1b5dff

This text has a font color of #1b5dff.

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

#1b5dff background color

This paragraph has a background color of #1b5dff.

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

#1b5dff border color

This element has a border color of #1b5dff.

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

CSS codes

.text {color:#1b5dff;}

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

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

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)
```
#000d2f
```
#000d2f rgb(0,13,47)
```
#001342
```
#001342 rgb(0,19,66)
```
#001956
```
#001956 rgb(0,25,86)
```
#001f69
```
#001f69 rgb(0,31,105)
```
#00247d
```
#00247d rgb(0,36,125)
```
#002a91
```
#002a91 rgb(0,42,145)
```
#0030a4
```
#0030a4 rgb(0,48,164)
```
#0035b8
```
#0035b8 rgb(0,53,184)
```
#003bcc
```
#003bcc rgb(0,59,204)
```
#0041df
```
#0041df rgb(0,65,223)
```
#0046f3
```
#0046f3 rgb(0,70,243)
```

Shade Color Variation

#074fff
```
#074fff rgb(7,79,255)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```
#2f6bff
```
#2f6bff rgb(47,107,255)
```
#4279ff
```
#4279ff rgb(66,121,255)
```
#5687ff
```
#5687ff rgb(86,135,255)
```
#6995ff
```
#6995ff rgb(105,149,255)
```
#7da3ff
```
#7da3ff rgb(125,163,255)
```
#91b1ff
```
#91b1ff rgb(145,177,255)
```
#a4bfff
```
#a4bfff rgb(164,191,255)
```
#b8ccff
```
#b8ccff rgb(184,204,255)
```
#ccdaff
```
#ccdaff rgb(204,218,255)
```
#dfe8ff
```
#dfe8ff rgb(223,232,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#848996
```
#848996 rgb(132,137,150)
```
#7b869f
```
#7b869f rgb(123,134,159)
```
#7382a7
```
#7382a7 rgb(115,130,167)
```
#6a7eb0
```
#6a7eb0 rgb(106,126,176)
```
#617bb9
```
#617bb9 rgb(97,123,185)
```
#5877c2
```
#5877c2 rgb(88,119,194)
```
#5073ca
```
#5073ca rgb(80,115,202)
```
#476fd3
```
#476fd3 rgb(71,111,211)
```
#3e6cdc
```
#3e6cdc rgb(62,108,220)
```
#3568e5
```
#3568e5 rgb(53,104,229)
```
#2d64ed
```
#2d64ed rgb(45,100,237)
```
#2461f6
```
#2461f6 rgb(36,97,246)
```
#1b5dff
```
#1b5dff rgb(27,93,255)
```

Tone Color Variation

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

#0969e9 Protanomaly 1% of men, 0.01% of women
#096dd6 Deuteranomaly 6% of men, 0.4% of women
#0973b2 Tritanomaly 0.01% of the population

#1b5dff hex color

#1b5dff Color Information

#1b5dff Color Conversion

Color Schemes with #1b5dff

Alternatives to #1b5dff

#1b5dff Preview

Shades and Tints of #1b5dff

Tones of #1b5dff

Color Blindness Simulator