#2d54bd hex color

In a RGB color space, hex #2d54bd is composed of 17.6% red, 32.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 55.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 223.8 degrees, a saturation of 61.5% and a lightness of 45.9%. #2d54bd color hex could be obtained by blending #5aa8ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 33
- B 74
RGB color chart
- C 76
- M 56
- Y 0
- K 26
CMYK color chart

● #2d54bd color description : Strong blue.

The hexadecimal color #2d54bd has RGB values of R:45, G:84, B:189 and CMYK values of C:0.76, M:0.56, Y:0, K:0.26. Its decimal value is 2970813.

Hex triplet	2d54bd	`#2d54bd`
RGB Decimal	45, 84, 189	`rgb(45,84,189)`
RGB Percent	17.6, 32.9, 74.1	`rgb(17.6%,32.9%,74.1%)`
CMYK	76, 56, 0, 26
HSL	223.8°, 61.5, 45.9	`hsl(223.8,61.5%,45.9%)`
HSV (or HSB)	223.8°, 76.2, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.85, 24.042, -59.189
XYZ	13.436, 10.572, 49.474
xyY	0.183, 0.144, 10.572
CIE-LCH	38.85, 63.886, 292.107
CIE-LUV	38.85, -15.211, -86.569
Hunter-Lab	32.514, 16.862, -67.456
Binary	00101101, 01010100, 10111101

#2d54bd
```
#2d54bd rgb(45,84,189)
```
#bd962d
```
#bd962d rgb(189,150,45)
```

Complementary Color

#2d9cbd
```
#2d9cbd rgb(45,156,189)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#4e2dbd
```
#4e2dbd rgb(78,45,189)
```

Analogous Color

#9cbd2d
```
#9cbd2d rgb(156,189,45)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#bd4e2d
```
#bd4e2d rgb(189,78,45)
```

Split Complementary Color

#54bd2d
```
#54bd2d rgb(84,189,45)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#bd2d54
```
#bd2d54 rgb(189,45,84)
```

Triadic Color

#2dbd96
```
#2dbd96 rgb(45,189,150)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#bd2d54
```
#bd2d54 rgb(189,45,84)
```
#bd962d
```
#bd962d rgb(189,150,45)
```

Tetradic Color

#1e397f
```
#1e397f rgb(30,57,127)
```
#234294
```
#234294 rgb(35,66,148)
```
#284ba8
```
#284ba8 rgb(40,75,168)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#355ecf
```
#355ecf rgb(53,94,207)
```
#496fd4
```
#496fd4 rgb(73,111,212)
```
#5e7fd9
```
#5e7fd9 rgb(94,127,217)
```

Monochromatic Color

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

#2d78bd
```
#2d78bd rgb(45,120,189)
```
#2d6cbd
```
#2d6cbd rgb(45,108,189)
```
#2d60bd
```
#2d60bd rgb(45,96,189)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#2d48bd
```
#2d48bd rgb(45,72,189)
```
#2d3cbd
```
#2d3cbd rgb(45,60,189)
```
#2d30bd
```
#2d30bd rgb(45,48,189)
```

Similar Colors

Text with hexadecimal color #2d54bd

This text has a font color of #2d54bd.

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

#2d54bd background color

This paragraph has a background color of #2d54bd.

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

#2d54bd border color

This element has a border color of #2d54bd.

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

CSS codes

.text {color:#2d54bd;}

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

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

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, #04070f is the darkest color, while #fefeff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#070e1f
```
#070e1f rgb(7,14,31)
```
#0b152e
```
#0b152e rgb(11,21,46)
```
#0f1c3e
```
#0f1c3e rgb(15,28,62)
```
#13234e
```
#13234e rgb(19,35,78)
```
#162a5e
```
#162a5e rgb(22,42,94)
```
#1a316e
```
#1a316e rgb(26,49,110)
```
#1e387e
```
#1e387e rgb(30,56,126)
```
#223f8d
```
#223f8d rgb(34,63,141)
```
#25469d
```
#25469d rgb(37,70,157)
```
#294dad
```
#294dad rgb(41,77,173)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#315bcd
```
#315bcd rgb(49,91,205)
```

Shade Color Variation

#4067d1
```
#4067d1 rgb(64,103,209)
```
#5074d5
```
#5074d5 rgb(80,116,213)
```
#5f80d9
```
#5f80d9 rgb(95,128,217)
```
#6f8ddd
```
#6f8ddd rgb(111,141,221)
```
#7f9ae1
```
#7f9ae1 rgb(127,154,225)
```
#8fa6e4
```
#8fa6e4 rgb(143,166,228)
```
#9fb3e8
```
#9fb3e8 rgb(159,179,232)
```
#afbfec
```
#afbfec rgb(175,191,236)
```
#bfccf0
```
#bfccf0 rgb(191,204,240)
```
#ced8f3
```
#ced8f3 rgb(206,216,243)
```
#dee5f7
```
#dee5f7 rgb(222,229,247)
```
#eef2fb
```
#eef2fb rgb(238,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c717e is the less saturated color, while #003fea is the most saturated one.

#6c717e
```
#6c717e rgb(108,113,126)
```
#636d87
```
#636d87 rgb(99,109,135)
```
#5a6990
```
#5a6990 rgb(90,105,144)
```
#516599
```
#516599 rgb(81,101,153)
```
#4860a2
```
#4860a2 rgb(72,96,162)
```
#3f5cab
```
#3f5cab rgb(63,92,171)
```
#3658b4
```
#3658b4 rgb(54,88,180)
```
#2d54bd
```
#2d54bd rgb(45,84,189)
```
#2450c6
```
#2450c6 rgb(36,80,198)
```
#1b4ccf
```
#1b4ccf rgb(27,76,207)
```
#1248d8
```
#1248d8 rgb(18,72,216)
```
#0944e1
```
#0944e1 rgb(9,68,225)
```
#003fea
```
#003fea rgb(0,63,234)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5469 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060be Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#105cbd Protanomaly 1% of men, 0.01% of women
#105fae Deuteranomaly 6% of men, 0.4% of women
#10648e Tritanomaly 0.01% of the population

#2d54bd hex color

#2d54bd Color Information

#2d54bd Color Conversion

Color Schemes with #2d54bd

Alternatives to #2d54bd

#2d54bd Preview

Shades and Tints of #2d54bd

Tones of #2d54bd

Color Blindness Simulator