#2b63b5 hex color

In a RGB color space, hex #2b63b5 is composed of 16.9% red, 38.8% green and 71% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 45.3% magenta, 0% yellow and 29% black. It has a hue angle of 215.7 degrees, a saturation of 61.6% and a lightness of 43.9%. #2b63b5 color hex could be obtained by blending #56c6ff with #00006b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 39
- B 71
RGB color chart
- C 76
- M 45
- Y 0
- K 29
CMYK color chart

● #2b63b5 color description : Strong blue.

The hexadecimal color #2b63b5 has RGB values of R:43, G:99, B:181 and CMYK values of C:0.76, M:0.45, Y:0, K:0.29. Its decimal value is 2843573.

Hex triplet	2b63b5	`#2b63b5`
RGB Decimal	43, 99, 181	`rgb(43,99,181)`
RGB Percent	16.9, 38.8, 71	`rgb(16.9%,38.8%,71%)`
CMYK	76, 45, 0, 29
HSL	215.7°, 61.6, 43.9	`hsl(215.7,61.6%,43.9%)`
HSV (or HSB)	215.7°, 76.2, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.418, 10.971, -48.751
XYZ	13.797, 12.772, 45.452
xyY	0.192, 0.177, 12.772
CIE-LCH	42.418, 49.97, 282.683
CIE-LUV	42.418, -20.045, -72.769
Hunter-Lab	35.739, 6.367, -50.387
Binary	00101011, 01100011, 10110101

#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#b57d2b
```
#b57d2b rgb(181,125,43)
```

Complementary Color

#2ba8b5
```
#2ba8b5 rgb(43,168,181)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#382bb5
```
#382bb5 rgb(56,43,181)
```

Analogous Color

#a8b52b
```
#a8b52b rgb(168,181,43)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#b5382b
```
#b5382b rgb(181,56,43)
```

Split Complementary Color

#63b52b
```
#63b52b rgb(99,181,43)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#b52b63
```
#b52b63 rgb(181,43,99)
```

Triadic Color

#2bb57d
```
#2bb57d rgb(43,181,125)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#b52b63
```
#b52b63 rgb(181,43,99)
```
#b57d2b
```
#b57d2b rgb(181,125,43)
```

Tetradic Color

#1c4177
```
#1c4177 rgb(28,65,119)
```
#214c8c
```
#214c8c rgb(33,76,140)
```
#2658a0
```
#2658a0 rgb(38,88,160)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#306eca
```
#306eca rgb(48,110,202)
```
#417cd2
```
#417cd2 rgb(65,124,210)
```
#568ad7
```
#568ad7 rgb(86,138,215)
```

Monochromatic Color

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

#2b86b5
```
#2b86b5 rgb(43,134,181)
```
#2b7ab5
```
#2b7ab5 rgb(43,122,181)
```
#2b6fb5
```
#2b6fb5 rgb(43,111,181)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#2b58b5
```
#2b58b5 rgb(43,88,181)
```
#2b4cb5
```
#2b4cb5 rgb(43,76,181)
```
#2b41b5
```
#2b41b5 rgb(43,65,181)
```

Similar Colors

Text with hexadecimal color #2b63b5

This text has a font color of #2b63b5.

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

#2b63b5 background color

This paragraph has a background color of #2b63b5.

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

#2b63b5 border color

This element has a border color of #2b63b5.

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

CSS codes

.text {color:#2b63b5;}

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

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

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, #020407 is the darkest color, while #f6f9fd is the lightest one.

#020407
```
#020407 rgb(2,4,7)
```
#050c17
```
#050c17 rgb(5,12,23)
```
#091526
```
#091526 rgb(9,21,38)
```
#0d1e36
```
#0d1e36 rgb(13,30,54)
```
#112646
```
#112646 rgb(17,38,70)
```
#142f56
```
#142f56 rgb(20,47,86)
```
#183866
```
#183866 rgb(24,56,102)
```
#1c4076
```
#1c4076 rgb(28,64,118)
```
#204985
```
#204985 rgb(32,73,133)
```
#235295
```
#235295 rgb(35,82,149)
```
#275aa5
```
#275aa5 rgb(39,90,165)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#2f6cc5
```
#2f6cc5 rgb(47,108,197)
```

Shade Color Variation

#3875d0
```
#3875d0 rgb(56,117,208)
```
#4780d3
```
#4780d3 rgb(71,128,211)
```
#578bd7
```
#578bd7 rgb(87,139,215)
```
#6796db
```
#6796db rgb(103,150,219)
```
#77a1df
```
#77a1df rgb(119,161,223)
```
#87ace2
```
#87ace2 rgb(135,172,226)
```
#97b7e6
```
#97b7e6 rgb(151,183,230)
```
#a7c2ea
```
#a7c2ea rgb(167,194,234)
```
#b6cdee
```
#b6cdee rgb(182,205,238)
```
#c6d8f2
```
#c6d8f2 rgb(198,216,242)
```
#d6e3f5
```
#d6e3f5 rgb(214,227,245)
```
#e6eef9
```
#e6eef9 rgb(230,238,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#707070
```
#707070 rgb(112,112,112)
```
#676e79
```
#676e79 rgb(103,110,121)
```
#5f6d81
```
#5f6d81 rgb(95,109,129)
```
#566b8a
```
#566b8a rgb(86,107,138)
```
#4d6993
```
#4d6993 rgb(77,105,147)
```
#45689b
```
#45689b rgb(69,104,155)
```
#3c66a4
```
#3c66a4 rgb(60,102,164)
```
#3465ac
```
#3465ac rgb(52,101,172)
```
#2b63b5
```
#2b63b5 rgb(43,99,181)
```
#2261be
```
#2261be rgb(34,97,190)
```
#1a60c6
```
#1a60c6 rgb(26,96,198)
```
#115ecf
```
#115ecf rgb(17,94,207)
```
#095dd7
```
#095dd7 rgb(9,93,215)
```

Tone Color Variation

Below, you can see how #2b63b5 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
#525d6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4369b7 Protanopia 1% of men
#006db7 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#3a67b6 Protanomaly 1% of men, 0.01% of women
#0f69b6 Deuteranomaly 6% of men, 0.4% of women
#0f6f92 Tritanomaly 0.01% of the population

#2b63b5 hex color

#2b63b5 Color Information

#2b63b5 Color Conversion

Color Schemes with #2b63b5

Alternatives to #2b63b5

#2b63b5 Preview

Shades and Tints of #2b63b5

Tones of #2b63b5

Color Blindness Simulator