#1b4af0 hex color

In a RGB color space, hex #1b4af0 is composed of 10.6% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 226.8 degrees, a saturation of 87.7% and a lightness of 52.4%. #1b4af0 color hex could be obtained by blending #3694ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 11
- G 29
- B 94
RGB color chart
- C 89
- M 69
- Y 0
- K 6
CMYK color chart

● #1b4af0 color description : Vivid blue.

The hexadecimal color #1b4af0 has RGB values of R:27, G:74, B:240 and CMYK values of C:0.89, M:0.69, Y:0, K:0.06. Its decimal value is 1788656.

Hex triplet	1b4af0	`#1b4af0`
RGB Decimal	27, 74, 240	`rgb(27,74,240)`
RGB Percent	10.6, 29, 94.1	`rgb(10.6%,29%,94.1%)`
CMYK	89, 69, 0, 6
HSL	226.8°, 87.7, 52.4	`hsl(226.8,87.7%,52.4%)`
HSV (or HSB)	226.8°, 88.8, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.28, 47.836, -86.145
XYZ	18.626, 11.42, 83.656
xyY	0.164, 0.1, 11.42
CIE-LCH	40.28, 98.536, 299.043
CIE-LUV	40.28, -15.112, -123.167
Hunter-Lab	33.794, 39.241, -123.115
Binary	00011011, 01001010, 11110000

#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#f0c11b
```
#f0c11b rgb(240,193,27)
```

Complementary Color

#1bb5f0
```
#1bb5f0 rgb(27,181,240)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#571bf0
```
#571bf0 rgb(87,27,240)
```

Analogous Color

#b5f01b
```
#b5f01b rgb(181,240,27)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#f0571b
```
#f0571b rgb(240,87,27)
```

Split Complementary Color

#4af01b
```
#4af01b rgb(74,240,27)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#f01b4a
```
#f01b4a rgb(240,27,74)
```

Triadic Color

#1bf0c1
```
#1bf0c1 rgb(27,240,193)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#f01b4a
```
#f01b4a rgb(240,27,74)
```
#f0c11b
```
#f0c11b rgb(240,193,27)
```

Tetradic Color

#0c31b3
```
#0c31b3 rgb(12,49,179)
```
#0d37cb
```
#0d37cb rgb(13,55,203)
```
#0f3ee3
```
#0f3ee3 rgb(15,62,227)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#335df2
```
#335df2 rgb(51,93,242)
```
#4b70f3
```
#4b70f3 rgb(75,112,243)
```
#6383f5
```
#6383f5 rgb(99,131,245)
```

Monochromatic Color

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

#1b7ff0
```
#1b7ff0 rgb(27,127,240)
```
#1b6ef0
```
#1b6ef0 rgb(27,110,240)
```
#1b5cf0
```
#1b5cf0 rgb(27,92,240)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#1b38f0
```
#1b38f0 rgb(27,56,240)
```
#1b27f0
```
#1b27f0 rgb(27,39,240)
```
#211bf0
```
#211bf0 rgb(33,27,240)
```

Similar Colors

Text with hexadecimal color #1b4af0

This text has a font color of #1b4af0.

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

#1b4af0 background color

This paragraph has a background color of #1b4af0.

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

#1b4af0 border color

This element has a border color of #1b4af0.

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

CSS codes

.text {color:#1b4af0;}

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

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

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, #01030b is the darkest color, while #f8f9ff is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#02081e
```
#02081e rgb(2,8,30)
```
#030d30
```
#030d30 rgb(3,13,48)
```
#041242
```
#041242 rgb(4,18,66)
```
#061755
```
#061755 rgb(6,23,85)
```
#071c67
```
#071c67 rgb(7,28,103)
```
#08217a
```
#08217a rgb(8,33,122)
```
#09268c
```
#09268c rgb(9,38,140)
```
#0a2b9e
```
#0a2b9e rgb(10,43,158)
```
#0c30b1
```
#0c30b1 rgb(12,48,177)
```
#0d35c3
```
#0d35c3 rgb(13,53,195)
```
#0e3ad6
```
#0e3ad6 rgb(14,58,214)
```
#0f3fe8
```
#0f3fe8 rgb(15,63,232)
```

Shade Color Variation

#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#2d59f1
```
#2d59f1 rgb(45,89,241)
```
#4067f2
```
#4067f2 rgb(64,103,242)
```
#5276f4
```
#5276f4 rgb(82,118,244)
```
#6584f5
```
#6584f5 rgb(101,132,245)
```
#7793f6
```
#7793f6 rgb(119,147,246)
```
#89a2f7
```
#89a2f7 rgb(137,162,247)
```
#9cb0f8
```
#9cb0f8 rgb(156,176,248)
```
#aebffa
```
#aebffa rgb(174,191,250)
```
#c1cdfb
```
#c1cdfb rgb(193,205,251)
```
#d3dcfc
```
#d3dcfc rgb(211,220,252)
```
#e5ebfd
```
#e5ebfd rgb(229,235,253)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#828389
```
#828389 rgb(130,131,137)
```
#787e93
```
#787e93 rgb(120,126,147)
```
#6f799c
```
#6f799c rgb(111,121,156)
```
#6674a5
```
#6674a5 rgb(102,116,165)
```
#5c6faf
```
#5c6faf rgb(92,111,175)
```
#5369b8
```
#5369b8 rgb(83,105,184)
```
#4a64c1
```
#4a64c1 rgb(74,100,193)
```
#405fcb
```
#405fcb rgb(64,95,203)
```
#375ad4
```
#375ad4 rgb(55,90,212)
```
#2e54dd
```
#2e54dd rgb(46,84,221)
```
#244fe7
```
#244fe7 rgb(36,79,231)
```
#1b4af0
```
#1b4af0 rgb(27,74,240)
```
#1245f9
```
#1245f9 rgb(18,69,249)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#454e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#095ad3 Protanomaly 1% of men, 0.01% of women
#095ec2 Deuteranomaly 6% of men, 0.4% of women
#0963a2 Tritanomaly 0.01% of the population

#1b4af0 hex color

#1b4af0 Color Information

#1b4af0 Color Conversion

Color Schemes with #1b4af0

Alternatives to #1b4af0

#1b4af0 Preview

Shades and Tints of #1b4af0

Tones of #1b4af0

Color Blindness Simulator