#2d54be hex color

In a RGB color space, hex #2d54be is composed of 17.6% red, 32.9% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 55.8% magenta, 0% yellow and 25.5% black. It has a hue angle of 223.9 degrees, a saturation of 61.7% and a lightness of 46.1%. #2d54be color hex could be obtained by blending #5aa8ff with #00007d. Closest websafe color is: #3366cc.

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

● #2d54be color description : Strong blue.

The hexadecimal color #2d54be has RGB values of R:45, G:84, B:190 and CMYK values of C:0.76, M:0.56, Y:0, K:0.25. Its decimal value is 2970814.

Hex triplet	2d54be	`#2d54be`
RGB Decimal	45, 84, 190	`rgb(45,84,190)`
RGB Percent	17.6, 32.9, 74.5	`rgb(17.6%,32.9%,74.5%)`
CMYK	76, 56, 0, 25
HSL	223.9°, 61.7, 46.1	`hsl(223.9,61.7%,46.1%)`
HSV (or HSB)	223.9°, 76.3, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.925, 24.42, -59.651
XYZ	13.545, 10.615, 50.047
xyY	0.183, 0.143, 10.615
CIE-LCH	38.925, 64.456, 292.263
CIE-LUV	38.925, -15.21, -87.278
Hunter-Lab	32.581, 17.19, -68.268
Binary	00101101, 01010100, 10111110

#2d54be
```
#2d54be rgb(45,84,190)
```
#be972d
```
#be972d rgb(190,151,45)
```

Complementary Color

#2d9dbe
```
#2d9dbe rgb(45,157,190)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#4f2dbe
```
#4f2dbe rgb(79,45,190)
```

Analogous Color

#9dbe2d
```
#9dbe2d rgb(157,190,45)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#be4f2d
```
#be4f2d rgb(190,79,45)
```

Split Complementary Color

#54be2d
```
#54be2d rgb(84,190,45)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#be2d54
```
#be2d54 rgb(190,45,84)
```

Triadic Color

#2dbe97
```
#2dbe97 rgb(45,190,151)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#be2d54
```
#be2d54 rgb(190,45,84)
```
#be972d
```
#be972d rgb(190,151,45)
```

Tetradic Color

#1e3980
```
#1e3980 rgb(30,57,128)
```
#234295
```
#234295 rgb(35,66,149)
```
#284ba9
```
#284ba9 rgb(40,75,169)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#355fcf
```
#355fcf rgb(53,95,207)
```
#4a6fd4
```
#4a6fd4 rgb(74,111,212)
```
#5f7fd9
```
#5f7fd9 rgb(95,127,217)
```

Monochromatic Color

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

#2d78be
```
#2d78be rgb(45,120,190)
```
#2d6cbe
```
#2d6cbe rgb(45,108,190)
```
#2d60be
```
#2d60be rgb(45,96,190)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#2d48be
```
#2d48be rgb(45,72,190)
```
#2d3cbe
```
#2d3cbe rgb(45,60,190)
```
#2d30be
```
#2d30be rgb(45,48,190)
```

Similar Colors

Text with hexadecimal color #2d54be

This text has a font color of #2d54be.

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

#2d54be background color

This paragraph has a background color of #2d54be.

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

#2d54be border color

This element has a border color of #2d54be.

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

CSS codes

.text {color:#2d54be;}

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

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

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

#040710
```
#040710 rgb(4,7,16)
```
#070e1f
```
#070e1f rgb(7,14,31)
```
#0b152f
```
#0b152f rgb(11,21,47)
```
#0f1c3f
```
#0f1c3f rgb(15,28,63)
```
#13234f
```
#13234f rgb(19,35,79)
```
#162a5f
```
#162a5f rgb(22,42,95)
```
#1a316f
```
#1a316f rgb(26,49,111)
```
#1e387f
```
#1e387f rgb(30,56,127)
```
#223f8e
```
#223f8e rgb(34,63,142)
```
#25469e
```
#25469e rgb(37,70,158)
```
#294dae
```
#294dae rgb(41,77,174)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#315bce
```
#315bce rgb(49,91,206)
```

Shade Color Variation

#4068d2
```
#4068d2 rgb(64,104,210)
```
#5074d6
```
#5074d6 rgb(80,116,214)
```
#6081d9
```
#6081d9 rgb(96,129,217)
```
#708ddd
```
#708ddd rgb(112,141,221)
```
#809ae1
```
#809ae1 rgb(128,154,225)
```
#90a7e5
```
#90a7e5 rgb(144,167,229)
```
#a0b3e8
```
#a0b3e8 rgb(160,179,232)
```
#afc0ec
```
#afc0ec rgb(175,192,236)
```
#bfccf0
```
#bfccf0 rgb(191,204,240)
```
#cfd9f4
```
#cfd9f4 rgb(207,217,244)
```
#dfe6f7
```
#dfe6f7 rgb(223,230,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757576 is the less saturated color, while #0943e2 is the most saturated one.

#757576
```
#757576 rgb(117,117,118)
```
#6c717f
```
#6c717f rgb(108,113,127)
```
#636d88
```
#636d88 rgb(99,109,136)
```
#5a6991
```
#5a6991 rgb(90,105,145)
```
#51659a
```
#51659a rgb(81,101,154)
```
#4861a3
```
#4861a3 rgb(72,97,163)
```
#3f5cac
```
#3f5cac rgb(63,92,172)
```
#3658b5
```
#3658b5 rgb(54,88,181)
```
#2d54be
```
#2d54be rgb(45,84,190)
```
#2450c7
```
#2450c7 rgb(36,80,199)
```
#1b4cd0
```
#1b4cd0 rgb(27,76,208)
```
#1247d9
```
#1247d9 rgb(18,71,217)
```
#0943e2
```
#0943e2 rgb(9,67,226)
```

Tone Color Variation

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

#0061be Protanopia 1% of men
#0066a6 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#105cbe Protanomaly 1% of men, 0.01% of women
#105faf Deuteranomaly 6% of men, 0.4% of women
#10648f Tritanomaly 0.01% of the population

#2d54be hex color

#2d54be Color Information

#2d54be Color Conversion

Color Schemes with #2d54be

Alternatives to #2d54be

#2d54be Preview

Shades and Tints of #2d54be

Tones of #2d54be

Color Blindness Simulator