#2d54ce hex color

In a RGB color space, hex #2d54ce is composed of 17.6% red, 32.9% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 59.2% magenta, 0% yellow and 19.2% black. It has a hue angle of 225.5 degrees, a saturation of 64.1% and a lightness of 49.2%. #2d54ce color hex could be obtained by blending #5aa8ff with #00009d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 33
- B 81
RGB color chart
- C 78
- M 59
- Y 0
- K 19
CMYK color chart

● #2d54ce color description : Strong blue.

The hexadecimal color #2d54ce has RGB values of R:45, G:84, B:206 and CMYK values of C:0.78, M:0.59, Y:0, K:0.19. Its decimal value is 2970830.

Hex triplet	2d54ce	`#2d54ce`
RGB Decimal	45, 84, 206	`rgb(45,84,206)`
RGB Percent	17.6, 32.9, 80.8	`rgb(17.6%,32.9%,80.8%)`
CMYK	78, 59, 0, 19
HSL	225.5°, 64.1, 49.2	`hsl(225.5,64.1%,49.2%)`
HSV (or HSB)	225.5°, 78.2, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.17, 30.416, -66.914
XYZ	15.391, 11.354, 59.769
xyY	0.178, 0.131, 11.354
CIE-LCH	40.17, 73.502, 294.445
CIE-LUV	40.17, -15.236, -98.377
Hunter-Lab	33.695, 22.566, -81.584
Binary	00101101, 01010100, 11001110

#2d54ce
```
#2d54ce rgb(45,84,206)
```
#cea72d
```
#cea72d rgb(206,167,45)
```

Complementary Color

#2da5ce
```
#2da5ce rgb(45,165,206)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```
#562dce
```
#562dce rgb(86,45,206)
```

Analogous Color

#a5ce2d
```
#a5ce2d rgb(165,206,45)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```
#ce562d
```
#ce562d rgb(206,86,45)
```

Split Complementary Color

#54ce2d
```
#54ce2d rgb(84,206,45)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```
#ce2d54
```
#ce2d54 rgb(206,45,84)
```

Triadic Color

#2dcea7
```
#2dcea7 rgb(45,206,167)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```
#ce2d54
```
#ce2d54 rgb(206,45,84)
```
#cea72d
```
#cea72d rgb(206,167,45)
```

Tetradic Color

#1f3a8f
```
#1f3a8f rgb(31,58,143)
```
#2443a4
```
#2443a4 rgb(36,67,164)
```
#284bb9
```
#284bb9 rgb(40,75,185)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```
#3f64d5
```
#3f64d5 rgb(63,100,213)
```
#5475da
```
#5475da rgb(84,117,218)
```
#6986de
```
#6986de rgb(105,134,222)
```

Monochromatic Color

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

#2d7cce
```
#2d7cce rgb(45,124,206)
```
#2d6fce
```
#2d6fce rgb(45,111,206)
```
#2d61ce
```
#2d61ce rgb(45,97,206)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```
#2d47ce
```
#2d47ce rgb(45,71,206)
```
#2d39ce
```
#2d39ce rgb(45,57,206)
```
#2e2dce
```
#2e2dce rgb(46,45,206)
```

Similar Colors

Text with hexadecimal color #2d54ce

This text has a font color of #2d54ce.

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

#2d54ce background color

This paragraph has a background color of #2d54ce.

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

#2d54ce border color

This element has a border color of #2d54ce.

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

CSS codes

.text {color:#2d54ce;}

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

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

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, #03050d is the darkest color, while #fcfcfe is the lightest one.

#03050d
```
#03050d rgb(3,5,13)
```
#060c1d
```
#060c1d rgb(6,12,29)
```
#0a122d
```
#0a122d rgb(10,18,45)
```
#0d193d
```
#0d193d rgb(13,25,61)
```
#111f4d
```
#111f4d rgb(17,31,77)
```
#14265d
```
#14265d rgb(20,38,93)
```
#182d6d
```
#182d6d rgb(24,45,109)
```
#1b337e
```
#1b337e rgb(27,51,126)
```
#1f3a8e
```
#1f3a8e rgb(31,58,142)
```
#22409e
```
#22409e rgb(34,64,158)
```
#2647ae
```
#2647ae rgb(38,71,174)
```
#294dbe
```
#294dbe rgb(41,77,190)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```

Shade Color Variation

#3b60d4
```
#3b60d4 rgb(59,96,212)
```
#4b6dd8
```
#4b6dd8 rgb(75,109,216)
```
#5b7adb
```
#5b7adb rgb(91,122,219)
```
#6b87df
```
#6b87df rgb(107,135,223)
```
#7b94e2
```
#7b94e2 rgb(123,148,226)
```
#8ba1e6
```
#8ba1e6 rgb(139,161,230)
```
#9baee9
```
#9baee9 rgb(155,174,233)
```
#abbbed
```
#abbbed rgb(171,187,237)
```
#bbc8f0
```
#bbc8f0 rgb(187,200,240)
```
#cbd5f4
```
#cbd5f4 rgb(203,213,244)
```
#dce2f7
```
#dce2f7 rgb(220,226,247)
```
#eceffb
```
#eceffb rgb(236,239,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#7a7c81
```
#7a7c81 rgb(122,124,129)
```
#71778a
```
#71778a rgb(113,119,138)
```
#677294
```
#677294 rgb(103,114,148)
```
#5d6d9e
```
#5d6d9e rgb(93,109,158)
```
#5468a7
```
#5468a7 rgb(84,104,167)
```
#4a63b1
```
#4a63b1 rgb(74,99,177)
```
#405ebb
```
#405ebb rgb(64,94,187)
```
#3759c4
```
#3759c4 rgb(55,89,196)
```
#2d54ce
```
#2d54ce rgb(45,84,206)
```
#234fd8
```
#234fd8 rgb(35,79,216)
```
#1a4ae1
```
#1a4ae1 rgb(26,74,225)
```
#1045eb
```
#1045eb rgb(16,69,235)
```
#0640f5
```
#0640f5 rgb(6,64,245)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e566e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#105ec7 Protanomaly 1% of men, 0.01% of women
#1061b7 Deuteranomaly 6% of men, 0.4% of women
#106697 Tritanomaly 0.01% of the population

#2d54ce hex color

#2d54ce Color Information

#2d54ce Color Conversion

Color Schemes with #2d54ce

Alternatives to #2d54ce

#2d54ce Preview

Shades and Tints of #2d54ce

Tones of #2d54ce

Color Blindness Simulator