#2c4cde hex color

In a RGB color space, hex #2c4cde is composed of 17.3% red, 29.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 65.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 229.2 degrees, a saturation of 73% and a lightness of 52.2%. #2c4cde color hex could be obtained by blending #5898ff with #0000bd. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 17
- G 30
- B 87
RGB color chart
- C 80
- M 66
- Y 0
- K 13
CMYK color chart

● #2c4cde color description : Bright blue.

The hexadecimal color #2c4cde has RGB values of R:44, G:76, B:222 and CMYK values of C:0.8, M:0.66, Y:0, K:0.13. Its decimal value is 2903262.

Hex triplet	2c4cde	`#2c4cde`
RGB Decimal	44, 76, 222	`rgb(44,76,222)`
RGB Percent	17.3, 29.8, 87.1	`rgb(17.3%,29.8%,87.1%)`
CMYK	80, 66, 0, 13
HSL	229.2°, 73, 52.2	`hsl(229.2,73%,52.2%)`
HSV (or HSB)	229.2°, 80.2, 87.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.542, 41.229, -77.128
XYZ	16.805, 10.977, 70.336
xyY	0.171, 0.112, 10.977
CIE-LCH	39.542, 87.456, 298.127
CIE-LUV	39.542, -13.655, -111.349
Hunter-Lab	33.132, 32.559, -102.677
Binary	00101100, 01001100, 11011110

#2c4cde
```
#2c4cde rgb(44,76,222)
```
#debe2c
```
#debe2c rgb(222,190,44)
```

Complementary Color

#2ca5de
```
#2ca5de rgb(44,165,222)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#652cde
```
#652cde rgb(101,44,222)
```

Analogous Color

#a5de2c
```
#a5de2c rgb(165,222,44)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#de652c
```
#de652c rgb(222,101,44)
```

Split Complementary Color

#4cde2c
```
#4cde2c rgb(76,222,44)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#de2c4c
```
#de2c4c rgb(222,44,76)
```

Triadic Color

#2cdebe
```
#2cdebe rgb(44,222,190)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#de2c4c
```
#de2c4c rgb(222,44,76)
```
#debe2c
```
#debe2c rgb(222,190,44)
```

Tetradic Color

#1a32a4
```
#1a32a4 rgb(26,50,164)
```
#1d39ba
```
#1d39ba rgb(29,57,186)
```
#2140d0
```
#2140d0 rgb(33,64,208)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#425fe1
```
#425fe1 rgb(66,95,225)
```
#5871e5
```
#5871e5 rgb(88,113,229)
```
#6e84e8
```
#6e84e8 rgb(110,132,232)
```

Monochromatic Color

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

#2c79de
```
#2c79de rgb(44,121,222)
```
#2c6ade
```
#2c6ade rgb(44,106,222)
```
#2c5bde
```
#2c5bde rgb(44,91,222)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#2c3dde
```
#2c3dde rgb(44,61,222)
```
#2c2ede
```
#2c2ede rgb(44,46,222)
```
#382cde
```
#382cde rgb(56,44,222)
```

Similar Colors

Text with hexadecimal color #2c4cde

This text has a font color of #2c4cde.

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

#2c4cde background color

This paragraph has a background color of #2c4cde.

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

#2c4cde border color

This element has a border color of #2c4cde.

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

CSS codes

.text {color:#2c4cde;}

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

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

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

#01030a
```
#01030a rgb(1,3,10)
```
#04081a
```
#04081a rgb(4,8,26)
```
#070d2b
```
#070d2b rgb(7,13,43)
```
#09133c
```
#09133c rgb(9,19,60)
```
#0c184d
```
#0c184d rgb(12,24,77)
```
#0f1d5e
```
#0f1d5e rgb(15,29,94)
```
#11226f
```
#11226f rgb(17,34,111)
```
#142880
```
#142880 rgb(20,40,128)
```
#172d91
```
#172d91 rgb(23,45,145)
```
#1932a2
```
#1932a2 rgb(25,50,162)
```
#1c37b3
```
#1c37b3 rgb(28,55,179)
```
#1f3cc4
```
#1f3cc4 rgb(31,60,196)
```
#2142d5
```
#2142d5 rgb(33,66,213)
```

Shade Color Variation

#2c4cde
```
#2c4cde rgb(44,76,222)
```
#3d5ae1
```
#3d5ae1 rgb(61,90,225)
```
#4e69e3
```
#4e69e3 rgb(78,105,227)
```
#5f77e6
```
#5f77e6 rgb(95,119,230)
```
#7086e9
```
#7086e9 rgb(112,134,233)
```
#8194eb
```
#8194eb rgb(129,148,235)
```
#92a2ee
```
#92a2ee rgb(146,162,238)
```
#a3b1f1
```
#a3b1f1 rgb(163,177,241)
```
#b4bff3
```
#b4bff3 rgb(180,191,243)
```
#c5cef6
```
#c5cef6 rgb(197,206,246)
```
#d6dcf9
```
#d6dcf9 rgb(214,220,249)
```
#e7eafb
```
#e7eafb rgb(231,234,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#80828a
```
#80828a rgb(128,130,138)
```
#777c93
```
#777c93 rgb(119,124,147)
```
#6e769c
```
#6e769c rgb(110,118,156)
```
#6470a6
```
#6470a6 rgb(100,112,166)
```
#5b6aaf
```
#5b6aaf rgb(91,106,175)
```
#5264b8
```
#5264b8 rgb(82,100,184)
```
#485ec2
```
#485ec2 rgb(72,94,194)
```
#3f58cb
```
#3f58cb rgb(63,88,203)
```
#3552d5
```
#3552d5 rgb(53,82,213)
```
#2c4cde
```
#2c4cde rgb(44,76,222)
```
#2346e7
```
#2346e7 rgb(35,70,231)
```
#1940f1
```
#1940f1 rgb(25,64,241)
```
#103afa
```
#103afa rgb(16,58,250)
```

Tone Color Variation

Below, you can see how #2c4cde 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
#4b526f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#105acb Protanomaly 1% of men, 0.01% of women
#105dbb Deuteranomaly 6% of men, 0.4% of women
#10629b Tritanomaly 0.01% of the population

#2c4cde hex color

#2c4cde Color Information

#2c4cde Color Conversion

Color Schemes with #2c4cde

Alternatives to #2c4cde

#2c4cde Preview

Shades and Tints of #2c4cde

Tones of #2c4cde

Color Blindness Simulator