#2b45c3 hex color

In a RGB color space, hex #2b45c3 is composed of 16.9% red, 27.1% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 64.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 229.7 degrees, a saturation of 63.9% and a lightness of 46.7%. #2b45c3 color hex could be obtained by blending #568aff with #000087. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 17
- G 27
- B 76
RGB color chart
- C 78
- M 65
- Y 0
- K 24
CMYK color chart

● #2b45c3 color description : Strong blue.

The hexadecimal color #2b45c3 has RGB values of R:43, G:69, B:195 and CMYK values of C:0.78, M:0.65, Y:0, K:0.24. Its decimal value is 2835907.

Hex triplet	2b45c3	`#2b45c3`
RGB Decimal	43, 69, 195	`rgb(43,69,195)`
RGB Percent	16.9, 27.1, 76.5	`rgb(16.9%,27.1%,76.5%)`
CMYK	78, 65, 0, 24
HSL	229.7°, 63.9, 46.7	`hsl(229.7,63.9%,46.7%)`
HSV (or HSB)	229.7°, 77.9, 76.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	35.418, 35.805, -68.302
XYZ	12.973, 8.709, 52.624
xyY	0.175, 0.117, 8.709
CIE-LCH	35.418, 77.118, 297.665
CIE-LUV	35.418, -11.843, -95.93
Hunter-Lab	29.511, 26.822, -85.068
Binary	00101011, 01000101, 11000011

#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#c3a92b
```
#c3a92b rgb(195,169,43)
```

Complementary Color

#2b91c3
```
#2b91c3 rgb(43,145,195)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#5d2bc3
```
#5d2bc3 rgb(93,43,195)
```

Analogous Color

#91c32b
```
#91c32b rgb(145,195,43)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#c35d2b
```
#c35d2b rgb(195,93,43)
```

Split Complementary Color

#45c32b
```
#45c32b rgb(69,195,43)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#c32b45
```
#c32b45 rgb(195,43,69)
```

Triadic Color

#2bc3a9
```
#2bc3a9 rgb(43,195,169)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#c32b45
```
#c32b45 rgb(195,43,69)
```
#c3a92b
```
#c3a92b rgb(195,169,43)
```

Tetradic Color

#1d2f84
```
#1d2f84 rgb(29,47,132)
```
#223699
```
#223699 rgb(34,54,153)
```
#263eae
```
#263eae rgb(38,62,174)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#3550d2
```
#3550d2 rgb(53,80,210)
```
#4a62d7
```
#4a62d7 rgb(74,98,215)
```
#5f74dc
```
#5f74dc rgb(95,116,220)
```

Monochromatic Color

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

#2b6bc3
```
#2b6bc3 rgb(43,107,195)
```
#2b5ec3
```
#2b5ec3 rgb(43,94,195)
```
#2b52c3
```
#2b52c3 rgb(43,82,195)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#2b38c3
```
#2b38c3 rgb(43,56,195)
```
#2b2cc3
```
#2b2cc3 rgb(43,44,195)
```
#372bc3
```
#372bc3 rgb(55,43,195)
```

Similar Colors

Text with hexadecimal color #2b45c3

This text has a font color of #2b45c3.

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

#2b45c3 background color

This paragraph has a background color of #2b45c3.

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

#2b45c3 border color

This element has a border color of #2b45c3.

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

CSS codes

.text {color:#2b45c3;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040612
```
#040612 rgb(4,6,18)
```
#080c22
```
#080c22 rgb(8,12,34)
```
#0b1232
```
#0b1232 rgb(11,18,50)
```
#0f1842
```
#0f1842 rgb(15,24,66)
```
#121d53
```
#121d53 rgb(18,29,83)
```
#162363
```
#162363 rgb(22,35,99)
```
#192973
```
#192973 rgb(25,41,115)
```
#1d2e83
```
#1d2e83 rgb(29,46,131)
```
#203493
```
#203493 rgb(32,52,147)
```
#243aa3
```
#243aa3 rgb(36,58,163)
```
#273fb3
```
#273fb3 rgb(39,63,179)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```

Shade Color Variation

#304cd1
```
#304cd1 rgb(48,76,209)
```
#405ad5
```
#405ad5 rgb(64,90,213)
```
#5068d8
```
#5068d8 rgb(80,104,216)
```
#6076dc
```
#6076dc rgb(96,118,220)
```
#7184e0
```
#7184e0 rgb(113,132,224)
```
#8191e3
```
#8191e3 rgb(129,145,227)
```
#919fe7
```
#919fe7 rgb(145,159,231)
```
#a1adea
```
#a1adea rgb(161,173,234)
```
#b1bbee
```
#b1bbee rgb(177,187,238)
```
#c1c9f1
```
#c1c9f1 rgb(193,201,241)
```
#d1d7f5
```
#d1d7f5 rgb(209,215,245)
```
#e1e5f8
```
#e1e5f8 rgb(225,229,248)
```
#f1f3fc
```
#f1f3fc rgb(241,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #74757a is the less saturated color, while #062de8 is the most saturated one.

#74757a
```
#74757a rgb(116,117,122)
```
#6b6f83
```
#6b6f83 rgb(107,111,131)
```
#62698c
```
#62698c rgb(98,105,140)
```
#596395
```
#596395 rgb(89,99,149)
```
#505d9e
```
#505d9e rgb(80,93,158)
```
#4657a8
```
#4657a8 rgb(70,87,168)
```
#3d51b1
```
#3d51b1 rgb(61,81,177)
```
#344bba
```
#344bba rgb(52,75,186)
```
#2b45c3
```
#2b45c3 rgb(43,69,195)
```
#223fcc
```
#223fcc rgb(34,63,204)
```
#1939d5
```
#1939d5 rgb(25,57,213)
```
#1033de
```
#1033de rgb(16,51,222)
```
#062de8
```
#062de8 rgb(6,45,232)
```

Tone Color Variation

Below, you can see how #2b45c3 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
#454b64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e97 Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#0f52b6 Protanomaly 1% of men, 0.01% of women
#0f55a7 Deuteranomaly 6% of men, 0.4% of women
#0f598a Tritanomaly 0.01% of the population

#2b45c3 hex color

#2b45c3 Color Information

#2b45c3 Color Conversion

Color Schemes with #2b45c3

Alternatives to #2b45c3

#2b45c3 Preview

Shades and Tints of #2b45c3

Tones of #2b45c3

Color Blindness Simulator