#1b45f0 hex color

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

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

● #1b45f0 color description : Vivid blue.

The hexadecimal color #1b45f0 has RGB values of R:27, G:69, B:240 and CMYK values of C:0.89, M:0.71, Y:0, K:0.06. Its decimal value is 1787376.

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

CIE-LAB	39.206, 50.789, -87.918
XYZ	18.305, 10.779, 83.549
xyY	0.163, 0.096, 10.779
CIE-LCH	39.206, 101.534, 300.014
CIE-LUV	39.206, -14.175, -123.883
Hunter-Lab	32.832, 42.067, -127.898
Binary	00011011, 01000101, 11110000

#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#f0c61b
```
#f0c61b rgb(240,198,27)
```

Complementary Color

#1bb0f0
```
#1bb0f0 rgb(27,176,240)
```
#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#5b1bf0
```
#5b1bf0 rgb(91,27,240)
```

Analogous Color

#b0f01b
```
#b0f01b rgb(176,240,27)
```
#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#f05b1b
```
#f05b1b rgb(240,91,27)
```

Split Complementary Color

#45f01b
```
#45f01b rgb(69,240,27)
```
#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#f01b45
```
#f01b45 rgb(240,27,69)
```

Triadic Color

#1bf0c6
```
#1bf0c6 rgb(27,240,198)
```
#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#f01b45
```
#f01b45 rgb(240,27,69)
```
#f0c61b
```
#f0c61b rgb(240,198,27)
```

Tetradic Color

#0c2db3
```
#0c2db3 rgb(12,45,179)
```
#0d33cb
```
#0d33cb rgb(13,51,203)
```
#0f39e3
```
#0f39e3 rgb(15,57,227)
```
#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#3359f2
```
#3359f2 rgb(51,89,242)
```
#4b6cf3
```
#4b6cf3 rgb(75,108,243)
```
#6380f5
```
#6380f5 rgb(99,128,245)
```

Monochromatic Color

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

#1b7af0
```
#1b7af0 rgb(27,122,240)
```
#1b69f0
```
#1b69f0 rgb(27,105,240)
```
#1b57f0
```
#1b57f0 rgb(27,87,240)
```
#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#1b33f0
```
#1b33f0 rgb(27,51,240)
```
#1b22f0
```
#1b22f0 rgb(27,34,240)
```
#261bf0
```
#261bf0 rgb(38,27,240)
```

Similar Colors

Text with hexadecimal color #1b45f0

This text has a font color of #1b45f0.

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

#1b45f0 background color

This paragraph has a background color of #1b45f0.

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

#1b45f0 border color

This element has a border color of #1b45f0.

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

CSS codes

.text {color:#1b45f0;}

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

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

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)
```
#02071e
```
#02071e rgb(2,7,30)
```
#030c30
```
#030c30 rgb(3,12,48)
```
#041142
```
#041142 rgb(4,17,66)
```
#061555
```
#061555 rgb(6,21,85)
```
#071a67
```
#071a67 rgb(7,26,103)
```
#081e7a
```
#081e7a rgb(8,30,122)
```
#09238c
```
#09238c rgb(9,35,140)
```
#0a289e
```
#0a289e rgb(10,40,158)
```
#0c2cb1
```
#0c2cb1 rgb(12,44,177)
```
#0d31c3
```
#0d31c3 rgb(13,49,195)
```
#0e35d6
```
#0e35d6 rgb(14,53,214)
```
#0f3ae8
```
#0f3ae8 rgb(15,58,232)
```

Shade Color Variation

#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#2d54f1
```
#2d54f1 rgb(45,84,241)
```
#4063f2
```
#4063f2 rgb(64,99,242)
```
#5272f4
```
#5272f4 rgb(82,114,244)
```
#6581f5
```
#6581f5 rgb(101,129,245)
```
#7790f6
```
#7790f6 rgb(119,144,246)
```
#899ff7
```
#899ff7 rgb(137,159,247)
```
#9caef8
```
#9caef8 rgb(156,174,248)
```
#aebdfa
```
#aebdfa rgb(174,189,250)
```
#c1ccfb
```
#c1ccfb rgb(193,204,251)
```
#d3dbfc
```
#d3dbfc rgb(211,219,252)
```
#e5eafd
```
#e5eafd rgb(229,234,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 #123ff9 is the most saturated one.

#828389
```
#828389 rgb(130,131,137)
```
#787e93
```
#787e93 rgb(120,126,147)
```
#6f789c
```
#6f789c rgb(111,120,156)
```
#6672a5
```
#6672a5 rgb(102,114,165)
```
#5c6daf
```
#5c6daf rgb(92,109,175)
```
#5367b8
```
#5367b8 rgb(83,103,184)
```
#4a61c1
```
#4a61c1 rgb(74,97,193)
```
#405ccb
```
#405ccb rgb(64,92,203)
```
#3756d4
```
#3756d4 rgb(55,86,212)
```
#2e50dd
```
#2e50dd rgb(46,80,221)
```
#244be7
```
#244be7 rgb(36,75,231)
```
#1b45f0
```
#1b45f0 rgb(27,69,240)
```
#123ff9
```
#123ff9 rgb(18,63,249)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#424b6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0957d0 Protanomaly 1% of men, 0.01% of women
#095bc0 Deuteranomaly 6% of men, 0.4% of women
#095fa1 Tritanomaly 0.01% of the population

#1b45f0 hex color

#1b45f0 Color Information

#1b45f0 Color Conversion

Color Schemes with #1b45f0

Alternatives to #1b45f0

#1b45f0 Preview

Shades and Tints of #1b45f0

Tones of #1b45f0

Color Blindness Simulator