#2b4ff5 hex color

In a RGB color space, hex #2b4ff5 is composed of 16.9% red, 31% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 67.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 229.3 degrees, a saturation of 91% and a lightness of 56.5%. #2b4ff5 color hex could be obtained by blending #569eff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 17
- G 31
- B 96
RGB color chart
- C 82
- M 68
- Y 0
- K 4
CMYK color chart

● #2b4ff5 color description : Bright blue.

The hexadecimal color #2b4ff5 has RGB values of R:43, G:79, B:245 and CMYK values of C:0.82, M:0.68, Y:0, K:0.04. Its decimal value is 2838517.

Hex triplet	2b4ff5	`#2b4ff5`
RGB Decimal	43, 79, 245	`rgb(43,79,245)`
RGB Percent	16.9, 31, 96.1	`rgb(16.9%,31%,96.1%)`
CMYK	82, 68, 0, 4
HSL	229.3°, 91, 56.5	`hsl(229.3,91%,56.5%)`
HSV (or HSB)	229.3°, 82.4, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.303, 47.425, -85.608
XYZ	20.27, 12.697, 87.764
xyY	0.168, 0.105, 12.697
CIE-LCH	42.303, 97.866, 298.986
CIE-LUV	42.303, -14.731, -124.981
Hunter-Lab	35.632, 39.187, -121.091
Binary	00101011, 01001111, 11110101

#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#f5d12b
```
#f5d12b rgb(245,209,43)
```

Complementary Color

#2bb4f5
```
#2bb4f5 rgb(43,180,245)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#6c2bf5
```
#6c2bf5 rgb(108,43,245)
```

Analogous Color

#b4f52b
```
#b4f52b rgb(180,245,43)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#f56c2b
```
#f56c2b rgb(245,108,43)
```

Split Complementary Color

#4ff52b
```
#4ff52b rgb(79,245,43)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#f52b4f
```
#f52b4f rgb(245,43,79)
```

Triadic Color

#2bf5d1
```
#2bf5d1 rgb(43,245,209)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#f52b4f
```
#f52b4f rgb(245,43,79)
```
#f5d12b
```
#f5d12b rgb(245,209,43)
```

Tetradic Color

#0a2cca
```
#0a2cca rgb(10,44,202)
```
#0b31e2
```
#0b31e2 rgb(11,49,226)
```
#133bf4
```
#133bf4 rgb(19,59,244)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#4363f6
```
#4363f6 rgb(67,99,246)
```
#5c77f7
```
#5c77f7 rgb(92,119,247)
```
#748cf8
```
#748cf8 rgb(116,140,248)
```

Monochromatic Color

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

#2b82f5
```
#2b82f5 rgb(43,130,245)
```
#2b71f5
```
#2b71f5 rgb(43,113,245)
```
#2b60f5
```
#2b60f5 rgb(43,96,245)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#2b3ef5
```
#2b3ef5 rgb(43,62,245)
```
#2b2df5
```
#2b2df5 rgb(43,45,245)
```
#3a2bf5
```
#3a2bf5 rgb(58,43,245)
```

Similar Colors

Text with hexadecimal color #2b4ff5

This text has a font color of #2b4ff5.

<span style="color:#2b4ff5;">Text here</span>

#2b4ff5 background color

This paragraph has a background color of #2b4ff5.

<p style="background-color:#2b4ff5;">Content here</p>

#2b4ff5 border color

This element has a border color of #2b4ff5.

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

CSS codes

.text {color:#2b4ff5;}

.background {background-color:#2b4ff5;}

.border {border:1px solid #2b4ff5;}

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

#01030d
```
#01030d rgb(1,3,13)
```
#010720
```
#010720 rgb(1,7,32)
```
#020b32
```
#020b32 rgb(2,11,50)
```
#030f45
```
#030f45 rgb(3,15,69)
```
#041358
```
#041358 rgb(4,19,88)
```
#05176a
```
#05176a rgb(5,23,106)
```
#061b7d
```
#061b7d rgb(6,27,125)
```
#071f90
```
#071f90 rgb(7,31,144)
```
#0823a3
```
#0823a3 rgb(8,35,163)
```
#0927b5
```
#0927b5 rgb(9,39,181)
```
#092bc8
```
#092bc8 rgb(9,43,200)
```
#0a2fdb
```
#0a2fdb rgb(10,47,219)
```
#0b34ee
```
#0b34ee rgb(11,52,238)
```

Shade Color Variation

#183ff4
```
#183ff4 rgb(24,63,244)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#3e5ff6
```
#3e5ff6 rgb(62,95,246)
```
#506ef7
```
#506ef7 rgb(80,110,247)
```
#637ef8
```
#637ef8 rgb(99,126,248)
```
#768df9
```
#768df9 rgb(118,141,249)
```
#899df9
```
#899df9 rgb(137,157,249)
```
#9bacfa
```
#9bacfa rgb(155,172,250)
```
#aebcfb
```
#aebcfb rgb(174,188,251)
```
#c1cbfc
```
#c1cbfc rgb(193,203,252)
```
#d4dbfd
```
#d4dbfd rgb(212,219,253)
```
#e6ebfe
```
#e6ebfe rgb(230,235,254)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898b97 is the less saturated color, while #224afe is the most saturated one.

#898b97
```
#898b97 rgb(137,139,151)
```
#8086a0
```
#8086a0 rgb(128,134,160)
```
#7880a8
```
#7880a8 rgb(120,128,168)
```
#6f7bb1
```
#6f7bb1 rgb(111,123,177)
```
#6775b9
```
#6775b9 rgb(103,117,185)
```
#5e70c2
```
#5e70c2 rgb(94,112,194)
```
#566aca
```
#566aca rgb(86,106,202)
```
#4d65d3
```
#4d65d3 rgb(77,101,211)
```
#455fdb
```
#455fdb rgb(69,95,219)
```
#3c5ae4
```
#3c5ae4 rgb(60,90,228)
```
#3454ec
```
#3454ec rgb(52,84,236)
```
#2b4ff5
```
#2b4ff5 rgb(43,79,245)
```
#224afe
```
#224afe rgb(34,74,254)
```

Tone Color Variation

Below, you can see how #2b4ff5 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

#575757 Achromatopsia 0.005% of the population
#4e5577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0f5fda Protanomaly 1% of men, 0.01% of women
#0f63c9 Deuteranomaly 6% of men, 0.4% of women
#0f68a8 Tritanomaly 0.01% of the population

#2b4ff5 hex color

#2b4ff5 Color Information

#2b4ff5 Color Conversion

Color Schemes with #2b4ff5

Alternatives to #2b4ff5

#2b4ff5 Preview

Shades and Tints of #2b4ff5

Tones of #2b4ff5

Color Blindness Simulator