#2d5abe hex color

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

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

● #2d5abe color description : Strong blue.

The hexadecimal color #2d5abe has RGB values of R:45, G:90, B:190 and CMYK values of C:0.76, M:0.53, Y:0, K:0.25. Its decimal value is 2972350.

Hex triplet	2d5abe	`#2d5abe`
RGB Decimal	45, 90, 190	`rgb(45,90,190)`
RGB Percent	17.6, 35.3, 74.5	`rgb(17.6%,35.3%,74.5%)`
CMYK	76, 53, 0, 25
HSL	221.4°, 61.7, 46.1	`hsl(221.4,61.7%,46.1%)`
HSV (or HSB)	221.4°, 76.3, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.552, 20.493, -57.012
XYZ	14.031, 11.587, 50.209
xyY	0.185, 0.153, 11.587
CIE-LCH	40.552, 60.583, 289.771
CIE-LUV	40.552, -16.882, -84.47
Hunter-Lab	34.04, 14.006, -63.627
Binary	00101101, 01011010, 10111110

#2d5abe
```
#2d5abe rgb(45,90,190)
```
#be912d
```
#be912d rgb(190,145,45)
```

Complementary Color

#2da3be
```
#2da3be rgb(45,163,190)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#492dbe
```
#492dbe rgb(73,45,190)
```

Analogous Color

#a3be2d
```
#a3be2d rgb(163,190,45)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#be492d
```
#be492d rgb(190,73,45)
```

Split Complementary Color

#5abe2d
```
#5abe2d rgb(90,190,45)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#be2d5a
```
#be2d5a rgb(190,45,90)
```

Triadic Color

#2dbe91
```
#2dbe91 rgb(45,190,145)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#be2d5a
```
#be2d5a rgb(190,45,90)
```
#be912d
```
#be912d rgb(190,145,45)
```

Tetradic Color

#1e3d80
```
#1e3d80 rgb(30,61,128)
```
#234695
```
#234695 rgb(35,70,149)
```
#2850a9
```
#2850a9 rgb(40,80,169)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#3565cf
```
#3565cf rgb(53,101,207)
```
#4a75d4
```
#4a75d4 rgb(74,117,212)
```
#5f85d9
```
#5f85d9 rgb(95,133,217)
```

Monochromatic Color

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

#2d7ebe
```
#2d7ebe rgb(45,126,190)
```
#2d72be
```
#2d72be rgb(45,114,190)
```
#2d66be
```
#2d66be rgb(45,102,190)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#2d4ebe
```
#2d4ebe rgb(45,78,190)
```
#2d42be
```
#2d42be rgb(45,66,190)
```
#2d36be
```
#2d36be rgb(45,54,190)
```

Similar Colors

Text with hexadecimal color #2d5abe

This text has a font color of #2d5abe.

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

#2d5abe background color

This paragraph has a background color of #2d5abe.

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

#2d5abe border color

This element has a border color of #2d5abe.

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

CSS codes

.text {color:#2d5abe;}

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

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

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)
```
#070f1f
```
#070f1f rgb(7,15,31)
```
#0b162f
```
#0b162f rgb(11,22,47)
```
#0f1e3f
```
#0f1e3f rgb(15,30,63)
```
#13254f
```
#13254f rgb(19,37,79)
```
#162d5f
```
#162d5f rgb(22,45,95)
```
#1a346f
```
#1a346f rgb(26,52,111)
```
#1e3c7f
```
#1e3c7f rgb(30,60,127)
```
#22438e
```
#22438e rgb(34,67,142)
```
#254b9e
```
#254b9e rgb(37,75,158)
```
#2952ae
```
#2952ae rgb(41,82,174)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#3162ce
```
#3162ce rgb(49,98,206)
```

Shade Color Variation

#406ed2
```
#406ed2 rgb(64,110,210)
```
#507ad6
```
#507ad6 rgb(80,122,214)
```
#6086d9
```
#6086d9 rgb(96,134,217)
```
#7092dd
```
#7092dd rgb(112,146,221)
```
#809ee1
```
#809ee1 rgb(128,158,225)
```
#90aae5
```
#90aae5 rgb(144,170,229)
```
#a0b6e8
```
#a0b6e8 rgb(160,182,232)
```
#afc2ec
```
#afc2ec rgb(175,194,236)
```
#bfcef0
```
#bfcef0 rgb(191,206,240)
```
#cfdaf4
```
#cfdaf4 rgb(207,218,244)
```
#dfe7f7
```
#dfe7f7 rgb(223,231,247)
```
#eff3fb
```
#eff3fb rgb(239,243,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 #094ce2 is the most saturated one.

#757576
```
#757576 rgb(117,117,118)
```
#6c727f
```
#6c727f rgb(108,114,127)
```
#636f88
```
#636f88 rgb(99,111,136)
```
#5a6b91
```
#5a6b91 rgb(90,107,145)
```
#51689a
```
#51689a rgb(81,104,154)
```
#4864a3
```
#4864a3 rgb(72,100,163)
```
#3f61ac
```
#3f61ac rgb(63,97,172)
```
#365db5
```
#365db5 rgb(54,93,181)
```
#2d5abe
```
#2d5abe rgb(45,90,190)
```
#2457c7
```
#2457c7 rgb(36,87,199)
```
#1b53d0
```
#1b53d0 rgb(27,83,208)
```
#1250d9
```
#1250d9 rgb(18,80,217)
```
#094ce2
```
#094ce2 rgb(9,76,226)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#4f586c Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a64c3 Protanopia 1% of men
#006aad Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2160c1 Protanomaly 1% of men, 0.01% of women
#1064b3 Deuteranomaly 6% of men, 0.4% of women
#106992 Tritanomaly 0.01% of the population

#2d5abe hex color

#2d5abe Color Information

#2d5abe Color Conversion

Color Schemes with #2d5abe

Alternatives to #2d5abe

#2d5abe Preview

Shades and Tints of #2d5abe

Tones of #2d5abe

Color Blindness Simulator