#2c4beb hex color

In a RGB color space, hex #2c4beb is composed of 17.3% red, 29.4% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 68.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 230.3 degrees, a saturation of 82.7% and a lightness of 54.7%. #2c4beb color hex could be obtained by blending #5896ff with #0000d7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 17
- G 29
- B 92
RGB color chart
- C 81
- M 68
- Y 0
- K 8
CMYK color chart

● #2c4beb color description : Bright blue.

The hexadecimal color #2c4beb has RGB values of R:44, G:75, B:235 and CMYK values of C:0.81, M:0.68, Y:0, K:0.08. Its decimal value is 2903019.

Hex triplet	2c4beb	`#2c4beb`
RGB Decimal	44, 75, 235	`rgb(44,75,235)`
RGB Percent	17.3, 29.4, 92.2	`rgb(17.3%,29.4%,92.2%)`
CMYK	81, 68, 0, 8
HSL	230.3°, 82.7, 54.7	`hsl(230.3,82.7%,54.7%)`
HSV (or HSB)	230.3°, 81.3, 92.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.515, 46.411, -82.916
XYZ	18.547, 11.564, 79.847
xyY	0.169, 0.105, 11.564
CIE-LCH	40.515, 95.021, 299.238
CIE-LUV	40.515, -13.658, -119.646
Hunter-Lab	34.007, 37.842, -115.408
Binary	00101100, 01001011, 11101011

#2c4beb
```
#2c4beb rgb(44,75,235)
```
#ebcc2c
```
#ebcc2c rgb(235,204,44)
```

Complementary Color

#2cabeb
```
#2cabeb rgb(44,171,235)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#6d2ceb
```
#6d2ceb rgb(109,44,235)
```

Analogous Color

#abeb2c
```
#abeb2c rgb(171,235,44)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#eb6d2c
```
#eb6d2c rgb(235,109,44)
```

Split Complementary Color

#4beb2c
```
#4beb2c rgb(75,235,44)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#eb2c4b
```
#eb2c4b rgb(235,44,75)
```

Triadic Color

#2cebcc
```
#2cebcc rgb(44,235,204)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#eb2c4b
```
#eb2c4b rgb(235,44,75)
```
#ebcc2c
```
#ebcc2c rgb(235,204,44)
```

Tetradic Color

#122db9
```
#122db9 rgb(18,45,185)
```
#1432d0
```
#1432d0 rgb(20,50,208)
```
#1638e8
```
#1638e8 rgb(22,56,232)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#435fed
```
#435fed rgb(67,95,237)
```
#5b73ef
```
#5b73ef rgb(91,115,239)
```
#7287f2
```
#7287f2 rgb(114,135,242)
```

Monochromatic Color

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

#2c7beb
```
#2c7beb rgb(44,123,235)
```
#2c6beb
```
#2c6beb rgb(44,107,235)
```
#2c5beb
```
#2c5beb rgb(44,91,235)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#2c3beb
```
#2c3beb rgb(44,59,235)
```
#2d2ceb
```
#2d2ceb rgb(45,44,235)
```
#3d2ceb
```
#3d2ceb rgb(61,44,235)
```

Similar Colors

Text with hexadecimal color #2c4beb

This text has a font color of #2c4beb.

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

#2c4beb background color

This paragraph has a background color of #2c4beb.

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

#2c4beb border color

This element has a border color of #2c4beb.

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

CSS codes

.text {color:#2c4beb;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#020516
```
#020516 rgb(2,5,22)
```
#040a28
```
#040a28 rgb(4,10,40)
```
#050e3a
```
#050e3a rgb(5,14,58)
```
#07124c
```
#07124c rgb(7,18,76)
```
#09175e
```
#09175e rgb(9,23,94)
```
#0b1b70
```
#0b1b70 rgb(11,27,112)
```
#0c1f81
```
#0c1f81 rgb(12,31,129)
```
#0e2493
```
#0e2493 rgb(14,36,147)
```
#1028a5
```
#1028a5 rgb(16,40,165)
```
#112cb7
```
#112cb7 rgb(17,44,183)
```
#1331c9
```
#1331c9 rgb(19,49,201)
```
#1535db
```
#1535db rgb(21,53,219)
```

Shade Color Variation

#1a3ce9
```
#1a3ce9 rgb(26,60,233)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#3e5aed
```
#3e5aed rgb(62,90,237)
```
#506aee
```
#506aee rgb(80,106,238)
```
#6279f0
```
#6279f0 rgb(98,121,240)
```
#7488f2
```
#7488f2 rgb(116,136,242)
```
#8697f3
```
#8697f3 rgb(134,151,243)
```
#98a7f5
```
#98a7f5 rgb(152,167,245)
```
#a9b6f7
```
#a9b6f7 rgb(169,182,247)
```
#bbc5f9
```
#bbc5f9 rgb(187,197,249)
```
#cdd5fa
```
#cdd5fa rgb(205,213,250)
```
#dfe4fc
```
#dfe4fc rgb(223,228,252)
```
#f1f3fe
```
#f1f3fe rgb(241,243,254)
```

Tint Color Variation

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

#858792
```
#858792 rgb(133,135,146)
```
#7c819b
```
#7c819b rgb(124,129,155)
```
#737ba4
```
#737ba4 rgb(115,123,164)
```
#6a75ad
```
#6a75ad rgb(106,117,173)
```
#616fb6
```
#616fb6 rgb(97,111,182)
```
#5869bf
```
#5869bf rgb(88,105,191)
```
#5063c7
```
#5063c7 rgb(80,99,199)
```
#475dd0
```
#475dd0 rgb(71,93,208)
```
#3e57d9
```
#3e57d9 rgb(62,87,217)
```
#3551e2
```
#3551e2 rgb(53,81,226)
```
#2c4beb
```
#2c4beb rgb(44,75,235)
```
#2345f4
```
#2345f4 rgb(35,69,244)
```
#1a3ffd
```
#1a3ffd rgb(26,63,253)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#105bd2 Protanomaly 1% of men, 0.01% of women
#105fc1 Deuteranomaly 6% of men, 0.4% of women
#1063a1 Tritanomaly 0.01% of the population

#2c4beb hex color

#2c4beb Color Information

#2c4beb Color Conversion

Color Schemes with #2c4beb

Alternatives to #2c4beb

#2c4beb Preview

Shades and Tints of #2c4beb

Tones of #2c4beb

Color Blindness Simulator