#2d54d4 hex color

In a RGB color space, hex #2d54d4 is composed of 17.6% red, 32.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 60.4% magenta, 0% yellow and 16.9% black. It has a hue angle of 226 degrees, a saturation of 66% and a lightness of 50.4%. #2d54d4 color hex could be obtained by blending #5aa8ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 33
- B 83
RGB color chart
- C 79
- M 60
- Y 0
- K 17
CMYK color chart

● #2d54d4 color description : Strong blue.

The hexadecimal color #2d54d4 has RGB values of R:45, G:84, B:212 and CMYK values of C:0.79, M:0.6, Y:0, K:0.17. Its decimal value is 2970836.

Hex triplet	2d54d4	`#2d54d4`
RGB Decimal	45, 84, 212	`rgb(45,84,212)`
RGB Percent	17.6, 32.9, 83.1	`rgb(17.6%,32.9%,83.1%)`
CMYK	79, 60, 0, 17
HSL	226°, 66, 50.4	`hsl(226,66%,50.4%)`
HSV (or HSB)	226°, 78.8, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.656, 32.638, -69.574
XYZ	16.134, 11.651, 63.682
xyY	0.176, 0.127, 11.651
CIE-LCH	40.656, 76.849, 295.132
CIE-LUV	40.656, -15.261, -102.428
Hunter-Lab	34.133, 24.638, -86.724
Binary	00101101, 01010100, 11010100

#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#d4ad2d
```
#d4ad2d rgb(212,173,45)
```

Complementary Color

#2da8d4
```
#2da8d4 rgb(45,168,212)
```
#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#592dd4
```
#592dd4 rgb(89,45,212)
```

Analogous Color

#a8d42d
```
#a8d42d rgb(168,212,45)
```
#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#d4592d
```
#d4592d rgb(212,89,45)
```

Split Complementary Color

#54d42d
```
#54d42d rgb(84,212,45)
```
#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#d42d54
```
#d42d54 rgb(212,45,84)
```

Triadic Color

#2dd4ad
```
#2dd4ad rgb(45,212,173)
```
#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#d42d54
```
#d42d54 rgb(212,45,84)
```
#d4ad2d
```
#d4ad2d rgb(212,173,45)
```

Tetradic Color

#1f3b96
```
#1f3b96 rgb(31,59,150)
```
#2343ab
```
#2343ab rgb(35,67,171)
```
#274bc0
```
#274bc0 rgb(39,75,192)
```
#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#4265d8
```
#4265d8 rgb(66,101,216)
```
#5776dd
```
#5776dd rgb(87,118,221)
```
#6c88e1
```
#6c88e1 rgb(108,136,225)
```

Monochromatic Color

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

#2d7ed4
```
#2d7ed4 rgb(45,126,212)
```
#2d70d4
```
#2d70d4 rgb(45,112,212)
```
#2d62d4
```
#2d62d4 rgb(45,98,212)
```
#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#2d46d4
```
#2d46d4 rgb(45,70,212)
```
#2d38d4
```
#2d38d4 rgb(45,56,212)
```
#302dd4
```
#302dd4 rgb(48,45,212)
```

Similar Colors

Text with hexadecimal color #2d54d4

This text has a font color of #2d54d4.

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

#2d54d4 background color

This paragraph has a background color of #2d54d4.

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

#2d54d4 border color

This element has a border color of #2d54d4.

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

CSS codes

.text {color:#2d54d4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040712
```
#040712 rgb(4,7,18)
```
#070d22
```
#070d22 rgb(7,13,34)
```
#0a1433
```
#0a1433 rgb(10,20,51)
```
#0e1a43
```
#0e1a43 rgb(14,26,67)
```
#112053
```
#112053 rgb(17,32,83)
```
#142763
```
#142763 rgb(20,39,99)
```
#182d74
```
#182d74 rgb(24,45,116)
```
#1b3484
```
#1b3484 rgb(27,52,132)
```
#1e3a94
```
#1e3a94 rgb(30,58,148)
```
#2240a4
```
#2240a4 rgb(34,64,164)
```
#2547b5
```
#2547b5 rgb(37,71,181)
```
#284dc5
```
#284dc5 rgb(40,77,197)
```

Shade Color Variation

#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#3d61d7
```
#3d61d7 rgb(61,97,215)
```
#4e6fdb
```
#4e6fdb rgb(78,111,219)
```
#5e7cde
```
#5e7cde rgb(94,124,222)
```
#6e89e1
```
#6e89e1 rgb(110,137,225)
```
#7e96e5
```
#7e96e5 rgb(126,150,229)
```
#8fa4e8
```
#8fa4e8 rgb(143,164,232)
```
#9fb1eb
```
#9fb1eb rgb(159,177,235)
```
#afbeef
```
#afbeef rgb(175,190,239)
```
#c0cbf2
```
#c0cbf2 rgb(192,203,242)
```
#d0d9f5
```
#d0d9f5 rgb(208,217,245)
```
#e0e6f9
```
#e0e6f9 rgb(224,230,249)
```
#f0f3fc
```
#f0f3fc rgb(240,243,252)
```

Tint Color Variation

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

#7b7d86
```
#7b7d86 rgb(123,125,134)
```
#717890
```
#717890 rgb(113,120,144)
```
#67739a
```
#67739a rgb(103,115,154)
```
#5e6ea3
```
#5e6ea3 rgb(94,110,163)
```
#5469ad
```
#5469ad rgb(84,105,173)
```
#4a64b7
```
#4a64b7 rgb(74,100,183)
```
#405ec1
```
#405ec1 rgb(64,94,193)
```
#3759ca
```
#3759ca rgb(55,89,202)
```
#2d54d4
```
#2d54d4 rgb(45,84,212)
```
#234fde
```
#234fde rgb(35,79,222)
```
#1a4ae7
```
#1a4ae7 rgb(26,74,231)
```
#1044f1
```
#1044f1 rgb(16,68,241)
```
#063ffb
```
#063ffb rgb(6,63,251)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c5 Protanopia 1% of men
#006aac Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#105eca Protanomaly 1% of men, 0.01% of women
#1062ba Deuteranomaly 6% of men, 0.4% of women
#106799 Tritanomaly 0.01% of the population

#2d54d4 hex color

#2d54d4 Color Information

#2d54d4 Color Conversion

Color Schemes with #2d54d4

Alternatives to #2d54d4

#2d54d4 Preview

Shades and Tints of #2d54d4

Tones of #2d54d4

Color Blindness Simulator