#1b5af2 hex color

In a RGB color space, hex #1b5af2 is composed of 10.6% red, 35.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 88.8% cyan, 62.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.4 degrees, a saturation of 89.2% and a lightness of 52.7%. #1b5af2 color hex could be obtained by blending #36b4ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 35
- B 95
RGB color chart
- C 89
- M 63
- Y 0
- K 5
CMYK color chart

● #1b5af2 color description : Vivid blue.

The hexadecimal color #1b5af2 has RGB values of R:27, G:90, B:242 and CMYK values of C:0.89, M:0.63, Y:0, K:0.05. Its decimal value is 1792754.

Hex triplet	1b5af2	`#1b5af2`
RGB Decimal	27, 90, 242	`rgb(27,90,242)`
RGB Percent	10.6, 35.3, 94.9	`rgb(10.6%,35.3%,94.9%)`
CMYK	89, 63, 0, 5
HSL	222.4°, 89.2, 52.7	`hsl(222.4,89.2%,52.7%)`
HSV (or HSB)	222.4°, 88.8, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.168, 38.704, -80.873
XYZ	20.132, 13.954, 85.632
xyY	0.168, 0.117, 13.954
CIE-LCH	44.168, 89.657, 295.575
CIE-LUV	44.168, -18.525, -120.637
Hunter-Lab	37.356, 30.825, -109.764
Binary	00011011, 01011010, 11110010

#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#f2b31b
```
#f2b31b rgb(242,179,27)
```

Complementary Color

#1bc6f2
```
#1bc6f2 rgb(27,198,242)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#471bf2
```
#471bf2 rgb(71,27,242)
```

Analogous Color

#c6f21b
```
#c6f21b rgb(198,242,27)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#f2481b
```
#f2481b rgb(242,72,27)
```

Split Complementary Color

#5af21b
```
#5af21b rgb(90,242,27)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#f21b5a
```
#f21b5a rgb(242,27,90)
```

Triadic Color

#1bf2b3
```
#1bf2b3 rgb(27,242,179)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#f21b5a
```
#f21b5a rgb(242,27,90)
```
#f2b31b
```
#f2b31b rgb(242,179,27)
```

Tetradic Color

#0a3db6
```
#0a3db6 rgb(10,61,182)
```
#0c45ce
```
#0c45ce rgb(12,69,206)
```
#0d4de6
```
#0d4de6 rgb(13,77,230)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#336bf3
```
#336bf3 rgb(51,107,243)
```
#4b7df5
```
#4b7df5 rgb(75,125,245)
```
#638ef6
```
#638ef6 rgb(99,142,246)
```

Monochromatic Color

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

#1b90f2
```
#1b90f2 rgb(27,144,242)
```
#1b7ef2
```
#1b7ef2 rgb(27,126,242)
```
#1b6cf2
```
#1b6cf2 rgb(27,108,242)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#1b48f2
```
#1b48f2 rgb(27,72,242)
```
#1b36f2
```
#1b36f2 rgb(27,54,242)
```
#1b24f2
```
#1b24f2 rgb(27,36,242)
```

Similar Colors

Text with hexadecimal color #1b5af2

This text has a font color of #1b5af2.

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

#1b5af2 background color

This paragraph has a background color of #1b5af2.

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

#1b5af2 border color

This element has a border color of #1b5af2.

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

CSS codes

.text {color:#1b5af2;}

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

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

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, #01040d is the darkest color, while #fafbff is the lightest one.

#01040d
```
#01040d rgb(1,4,13)
```
#020b20
```
#020b20 rgb(2,11,32)
```
#031132
```
#031132 rgb(3,17,50)
```
#041745
```
#041745 rgb(4,23,69)
```
#051d57
```
#051d57 rgb(5,29,87)
```
#06236a
```
#06236a rgb(6,35,106)
```
#072a7d
```
#072a7d rgb(7,42,125)
```
#08308f
```
#08308f rgb(8,48,143)
```
#0936a2
```
#0936a2 rgb(9,54,162)
```
#0a3cb4
```
#0a3cb4 rgb(10,60,180)
```
#0b42c7
```
#0b42c7 rgb(11,66,199)
```
#0c48d9
```
#0c48d9 rgb(12,72,217)
```
#0d4fec
```
#0d4fec rgb(13,79,236)
```

Shade Color Variation

#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#2e67f3
```
#2e67f3 rgb(46,103,243)
```
#4075f4
```
#4075f4 rgb(64,117,244)
```
#5382f5
```
#5382f5 rgb(83,130,245)
```
#6590f6
```
#6590f6 rgb(101,144,246)
```
#789df7
```
#789df7 rgb(120,157,247)
```
#8aabf8
```
#8aabf8 rgb(138,171,248)
```
#9db8f9
```
#9db8f9 rgb(157,184,249)
```
#afc5fa
```
#afc5fa rgb(175,197,250)
```
#c2d3fc
```
#c2d3fc rgb(194,211,252)
```
#d5e0fd
```
#d5e0fd rgb(213,224,253)
```
#e7eefe
```
#e7eefe rgb(231,238,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81848c is the less saturated color, while #1256fb is the most saturated one.

#81848c
```
#81848c rgb(129,132,140)
```
#788095
```
#788095 rgb(120,128,149)
```
#6e7d9f
```
#6e7d9f rgb(110,125,159)
```
#6579a8
```
#6579a8 rgb(101,121,168)
```
#5c75b1
```
#5c75b1 rgb(92,117,177)
```
#5371ba
```
#5371ba rgb(83,113,186)
```
#496dc4
```
#496dc4 rgb(73,109,196)
```
#4069cd
```
#4069cd rgb(64,105,205)
```
#3766d6
```
#3766d6 rgb(55,102,214)
```
#2e62df
```
#2e62df rgb(46,98,223)
```
#245ee9
```
#245ee9 rgb(36,94,233)
```
#1b5af2
```
#1b5af2 rgb(27,90,242)
```
#1256fb
```
#1256fb rgb(18,86,251)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4c5877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#0966df Protanomaly 1% of men, 0.01% of women
#096acd Deuteranomaly 6% of men, 0.4% of women
#096faa Tritanomaly 0.01% of the population

#1b5af2 hex color

#1b5af2 Color Information

#1b5af2 Color Conversion

Color Schemes with #1b5af2

Alternatives to #1b5af2

#1b5af2 Preview

Shades and Tints of #1b5af2

Tones of #1b5af2

Color Blindness Simulator