#2c5de3 hex color

In a RGB color space, hex #2c5de3 is composed of 17.3% red, 36.5% green and 89% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 59% magenta, 0% yellow and 11% black. It has a hue angle of 223.9 degrees, a saturation of 76.6% and a lightness of 53.1%. #2c5de3 color hex could be obtained by blending #58baff with #0000c7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 36
- B 89
RGB color chart
- C 81
- M 59
- Y 0
- K 11
CMYK color chart

● #2c5de3 color description : Bright blue.

The hexadecimal color #2c5de3 has RGB values of R:44, G:93, B:227 and CMYK values of C:0.81, M:0.59, Y:0, K:0.11. Its decimal value is 2907619.

Hex triplet	2c5de3	`#2c5de3`
RGB Decimal	44, 93, 227	`rgb(44,93,227)`
RGB Percent	17.3, 36.5, 89	`rgb(17.3%,36.5%,89%)`
CMYK	81, 59, 0, 11
HSL	223.9°, 76.6, 53.1	`hsl(223.9,76.6%,53.1%)`
HSV (or HSB)	223.9°, 80.6, 89
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.102, 32.343, -72.503
XYZ	18.815, 13.909, 74.362
xyY	0.176, 0.13, 13.909
CIE-LCH	44.102, 79.39, 294.041
CIE-LUV	44.102, -17.653, -109.212
Hunter-Lab	37.295, 24.789, -92.113
Binary	00101100, 01011101, 11100011

#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#e3b22c
```
#e3b22c rgb(227,178,44)
```

Complementary Color

#2cb9e3
```
#2cb9e3 rgb(44,185,227)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#572ce3
```
#572ce3 rgb(87,44,227)
```

Analogous Color

#b9e32c
```
#b9e32c rgb(185,227,44)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#e3562c
```
#e3562c rgb(227,86,44)
```

Split Complementary Color

#5de32c
```
#5de32c rgb(93,227,44)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#e32c5d
```
#e32c5d rgb(227,44,93)
```

Triadic Color

#2ce3b2
```
#2ce3b2 rgb(44,227,178)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#e32c5d
```
#e32c5d rgb(227,44,93)
```
#e3b22c
```
#e3b22c rgb(227,178,44)
```

Tetradic Color

#173fac
```
#173fac rgb(23,63,172)
```
#1a47c2
```
#1a47c2 rgb(26,71,194)
```
#1d4fd9
```
#1d4fd9 rgb(29,79,217)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#436ee6
```
#436ee6 rgb(67,110,230)
```
#5980e9
```
#5980e9 rgb(89,128,233)
```
#7091ec
```
#7091ec rgb(112,145,236)
```

Monochromatic Color

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

#2c8be3
```
#2c8be3 rgb(44,139,227)
```
#2c7ce3
```
#2c7ce3 rgb(44,124,227)
```
#2c6ce3
```
#2c6ce3 rgb(44,108,227)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#2c4ee3
```
#2c4ee3 rgb(44,78,227)
```
#2c3fe3
```
#2c3fe3 rgb(44,63,227)
```
#2c2fe3
```
#2c2fe3 rgb(44,47,227)
```

Similar Colors

Text with hexadecimal color #2c5de3

This text has a font color of #2c5de3.

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

#2c5de3 background color

This paragraph has a background color of #2c5de3.

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

#2c5de3 border color

This element has a border color of #2c5de3.

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

CSS codes

.text {color:#2c5de3;}

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

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

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, #02050e is the darkest color, while #fcfdff is the lightest one.

#02050e
```
#02050e rgb(2,5,14)
```
#040b1f
```
#040b1f rgb(4,11,31)
```
#061231
```
#061231 rgb(6,18,49)
```
#091842
```
#091842 rgb(9,24,66)
```
#0b1e53
```
#0b1e53 rgb(11,30,83)
```
#0d2565
```
#0d2565 rgb(13,37,101)
```
#102b76
```
#102b76 rgb(16,43,118)
```
#123187
```
#123187 rgb(18,49,135)
```
#143899
```
#143899 rgb(20,56,153)
```
#173eaa
```
#173eaa rgb(23,62,170)
```
#1944bb
```
#1944bb rgb(25,68,187)
```
#1b4bcd
```
#1b4bcd rgb(27,75,205)
```
#1d51de
```
#1d51de rgb(29,81,222)
```

Shade Color Variation

#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#3d6ae5
```
#3d6ae5 rgb(61,106,229)
```
#4f78e8
```
#4f78e8 rgb(79,120,232)
```
#6085ea
```
#6085ea rgb(96,133,234)
```
#7192ec
```
#7192ec rgb(113,146,236)
```
#839fee
```
#839fee rgb(131,159,238)
```
#94adf1
```
#94adf1 rgb(148,173,241)
```
#a5baf3
```
#a5baf3 rgb(165,186,243)
```
#b7c7f5
```
#b7c7f5 rgb(183,199,245)
```
#c8d5f8
```
#c8d5f8 rgb(200,213,248)
```
#d9e2fa
```
#d9e2fa rgb(217,226,250)
```
#eaeffc
```
#eaeffc rgb(234,239,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8390 is the less saturated color, while #1050ff is the most saturated one.

#7f8390
```
#7f8390 rgb(127,131,144)
```
#767f99
```
#767f99 rgb(118,127,153)
```
#6c7ba3
```
#6c7ba3 rgb(108,123,163)
```
#6377ac
```
#6377ac rgb(99,119,172)
```
#5a72b5
```
#5a72b5 rgb(90,114,181)
```
#516ebe
```
#516ebe rgb(81,110,190)
```
#486ac7
```
#486ac7 rgb(72,106,199)
```
#3e66d1
```
#3e66d1 rgb(62,102,209)
```
#3561da
```
#3561da rgb(53,97,218)
```
#2c5de3
```
#2c5de3 rgb(44,93,227)
```
#2359ec
```
#2359ec rgb(35,89,236)
```
#1a54f5
```
#1a54f5 rgb(26,84,245)
```
#1050ff
```
#1050ff rgb(16,80,255)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#545e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#1066d9 Protanomaly 1% of men, 0.01% of women
#106ac8 Deuteranomaly 6% of men, 0.4% of women
#1070a5 Tritanomaly 0.01% of the population

#2c5de3 hex color

#2c5de3 Color Information

#2c5de3 Color Conversion

Color Schemes with #2c5de3

Alternatives to #2c5de3

#2c5de3 Preview

Shades and Tints of #2c5de3

Tones of #2c5de3

Color Blindness Simulator