colorhexa.com

#2c4aec hex color

In a RGB color space, hex #2c4aec is composed of 17.3% red, 29% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 81.4% cyan, 68.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 230.6 degrees, a saturation of 83.5% and a lightness of 54.9%. #2c4aec color hex could be obtained by blending #5894ff with #0000d9. Closest websafe color is: #3333ff.

- R 17
- G 29
- B 93
RGB color chart
- C 81
- M 69
- Y 0
- K 7
CMYK color chart

● #2c4aec color description : Bright blue.

The hexadecimal color #2c4aec has RGB values of R:44, G:74, B:236 and CMYK values of C:0.81, M:0.69, Y:0, K:0.07. Its decimal value is 2902764.

Hex triplet	2c4aec	`#2c4aec`
RGB Decimal	44, 74, 236	`rgb(44,74,236)`
RGB Percent	17.3, 29, 92.5	`rgb(17.3%,29%,92.5%)`
CMYK	81, 69, 0, 7
HSL	230.6°, 83.5, 54.9	`hsl(230.6,83.5%,54.9%)`
HSV (or HSB)	230.6°, 81.4, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.39, 47.355, -83.687
XYZ	18.625, 11.488, 80.588
xyY	0.168, 0.104, 11.488
CIE-LCH	40.39, 96.156, 299.503
CIE-LUV	40.39, -13.479, -120.45
Hunter-Lab	33.894, 38.773, -117.247
Binary	00101100, 01001010, 11101100

#2c4aec
```
#2c4aec rgb(44,74,236)
```
#ecce2c
```
#ecce2c rgb(236,206,44)
```

Complementary Color

#2caaec
```
#2caaec rgb(44,170,236)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#6e2cec
```
#6e2cec rgb(110,44,236)
```

Analogous Color

#aaec2c
```
#aaec2c rgb(170,236,44)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#ec6e2c
```
#ec6e2c rgb(236,110,44)
```

Split Complementary Color

#4aec2c
```
#4aec2c rgb(74,236,44)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#ec2c4a
```
#ec2c4a rgb(236,44,74)
```

Triadic Color

#2cecce
```
#2cecce rgb(44,236,206)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#ec2c4a
```
#ec2c4a rgb(236,44,74)
```
#ecce2c
```
#ecce2c rgb(236,206,44)
```

Tetradic Color

#112bbb
```
#112bbb rgb(17,43,187)
```
#1331d2
```
#1331d2 rgb(19,49,210)
```
#1536e9
```
#1536e9 rgb(21,54,233)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#435eee
```
#435eee rgb(67,94,238)
```
#5b72f0
```
#5b72f0 rgb(91,114,240)
```
#7286f2
```
#7286f2 rgb(114,134,242)
```

Monochromatic Color

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

#2c7aec
```
#2c7aec rgb(44,122,236)
```
#2c6aec
```
#2c6aec rgb(44,106,236)
```
#2c5aec
```
#2c5aec rgb(44,90,236)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#2c3aec
```
#2c3aec rgb(44,58,236)
```
#2e2cec
```
#2e2cec rgb(46,44,236)
```
#3e2cec
```
#3e2cec rgb(62,44,236)
```

Similar Colors

Text with hexadecimal color #2c4aec

This text has a font color of #2c4aec.

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

#2c4aec background color

This paragraph has a background color of #2c4aec.

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

#2c4aec border color

This element has a border color of #2c4aec.

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

CSS codes

.text {color:#2c4aec;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#020517
```
#020517 rgb(2,5,23)
```
#040a29
```
#040a29 rgb(4,10,41)
```
#050e3b
```
#050e3b rgb(5,14,59)
```
#07124d
```
#07124d rgb(7,18,77)
```
#09165f
```
#09165f rgb(9,22,95)
```
#0a1a71
```
#0a1a71 rgb(10,26,113)
```
#0c1e83
```
#0c1e83 rgb(12,30,131)
```
#0d2395
```
#0d2395 rgb(13,35,149)
```
#0f27a7
```
#0f27a7 rgb(15,39,167)
```
#112bb9
```
#112bb9 rgb(17,43,185)
```
#122fcb
```
#122fcb rgb(18,47,203)
```
#1433dd
```
#1433dd rgb(20,51,221)
```

Shade Color Variation

#1a3bea
```
#1a3bea rgb(26,59,234)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#3e59ee
```
#3e59ee rgb(62,89,238)
```
#5069ef
```
#5069ef rgb(80,105,239)
```
#6278f1
```
#6278f1 rgb(98,120,241)
```
#7488f2
```
#7488f2 rgb(116,136,242)
```
#8697f4
```
#8697f4 rgb(134,151,244)
```
#98a7f6
```
#98a7f6 rgb(152,167,246)
```
#aab6f7
```
#aab6f7 rgb(170,182,247)
```
#bcc5f9
```
#bcc5f9 rgb(188,197,249)
```
#ced5fb
```
#ced5fb rgb(206,213,251)
```
#e0e4fc
```
#e0e4fc rgb(224,228,252)
```
#f2f4fe
```
#f2f4fe rgb(242,244,254)
```

Tint Color Variation

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

#848794
```
#848794 rgb(132,135,148)
```
#7c819c
```
#7c819c rgb(124,129,156)
```
#737ba5
```
#737ba5 rgb(115,123,165)
```
#6a75ae
```
#6a75ae rgb(106,117,174)
```
#616eb7
```
#616eb7 rgb(97,110,183)
```
#5868c0
```
#5868c0 rgb(88,104,192)
```
#4f62c9
```
#4f62c9 rgb(79,98,201)
```
#475cd1
```
#475cd1 rgb(71,92,209)
```
#3e56da
```
#3e56da rgb(62,86,218)
```
#3550e3
```
#3550e3 rgb(53,80,227)
```
#2c4aec
```
#2c4aec rgb(44,74,236)
```
#2344f5
```
#2344f5 rgb(35,68,245)
```
#1a3efe
```
#1a3efe rgb(26,62,254)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4b5172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

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