colorhexa.com

#2d57b7 hex color

In a RGB color space, hex #2d57b7 is composed of 17.6% red, 34.1% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 52.5% magenta, 0% yellow and 28.2% black. It has a hue angle of 221.7 degrees, a saturation of 60.5% and a lightness of 44.7%. #2d57b7 color hex could be obtained by blending #5aaeff with #00006f. Closest websafe color is: #3366cc.

- R 18
- G 34
- B 72
RGB color chart
- C 75
- M 52
- Y 0
- K 28
CMYK color chart

● #2d57b7 color description : Strong blue.

The hexadecimal color #2d57b7 has RGB values of R:45, G:87, B:183 and CMYK values of C:0.75, M:0.52, Y:0, K:0.28. Its decimal value is 2971575.

Hex triplet	2d57b7	`#2d57b7`
RGB Decimal	45, 87, 183	`rgb(45,87,183)`
RGB Percent	17.6, 34.1, 71.8	`rgb(17.6%,34.1%,71.8%)`
CMYK	75, 52, 0, 28
HSL	221.7°, 60.5, 44.7	`hsl(221.7,60.5%,44.7%)`
HSV (or HSB)	221.7°, 75.4, 71.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.228, 19.798, -55.059
XYZ	13.036, 10.792, 46.193
xyY	0.186, 0.154, 10.792
CIE-LCH	39.228, 58.511, 289.778
CIE-LUV	39.228, -16.071, -80.835
Hunter-Lab	32.852, 13.34, -60.373
Binary	00101101, 01010111, 10110111

#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#b78d2d
```
#b78d2d rgb(183,141,45)
```

Complementary Color

#2d9cb7
```
#2d9cb7 rgb(45,156,183)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#482db7
```
#482db7 rgb(72,45,183)
```

Analogous Color

#9cb72d
```
#9cb72d rgb(156,183,45)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#b7482d
```
#b7482d rgb(183,72,45)
```

Split Complementary Color

#57b72d
```
#57b72d rgb(87,183,45)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#b72d57
```
#b72d57 rgb(183,45,87)
```

Triadic Color

#2db78d
```
#2db78d rgb(45,183,141)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#b72d57
```
#b72d57 rgb(183,45,87)
```
#b78d2d
```
#b78d2d rgb(183,141,45)
```

Tetradic Color

#1e3a7a
```
#1e3a7a rgb(30,58,122)
```
#23448e
```
#23448e rgb(35,68,142)
```
#284da3
```
#284da3 rgb(40,77,163)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#3261cb
```
#3261cb rgb(50,97,203)
```
#4670d1
```
#4670d1 rgb(70,112,209)
```
#5a80d6
```
#5a80d6 rgb(90,128,214)
```

Monochromatic Color

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

#2d7ab7
```
#2d7ab7 rgb(45,122,183)
```
#2d6eb7
```
#2d6eb7 rgb(45,110,183)
```
#2d63b7
```
#2d63b7 rgb(45,99,183)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#2d4cb7
```
#2d4cb7 rgb(45,76,183)
```
#2d40b7
```
#2d40b7 rgb(45,64,183)
```
#2d35b7
```
#2d35b7 rgb(45,53,183)
```

Similar Colors

Text with hexadecimal color #2d57b7

This text has a font color of #2d57b7.

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

#2d57b7 background color

This paragraph has a background color of #2d57b7.

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

#2d57b7 border color

This element has a border color of #2d57b7.

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

CSS codes

.text {color:#2d57b7;}

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

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

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, #02050a is the darkest color, while #f9fafe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#060c1a
```
#060c1a rgb(6,12,26)
```
#0a1429
```
#0a1429 rgb(10,20,41)
```
#0e1b39
```
#0e1b39 rgb(14,27,57)
```
#122349
```
#122349 rgb(18,35,73)
```
#162a59
```
#162a59 rgb(22,42,89)
```
#1a3268
```
#1a3268 rgb(26,50,104)
```
#1e3978
```
#1e3978 rgb(30,57,120)
```
#214188
```
#214188 rgb(33,65,136)
```
#254898
```
#254898 rgb(37,72,152)
```
#2950a7
```
#2950a7 rgb(41,80,167)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#315ec7
```
#315ec7 rgb(49,94,199)
```

Shade Color Variation

#3c69cf
```
#3c69cf rgb(60,105,207)
```
#4c75d3
```
#4c75d3 rgb(76,117,211)
```
#5c81d7
```
#5c81d7 rgb(92,129,215)
```
#6b8ddb
```
#6b8ddb rgb(107,141,219)
```
#7b99df
```
#7b99df rgb(123,153,223)
```
#8ba6e2
```
#8ba6e2 rgb(139,166,226)
```
#9bb2e6
```
#9bb2e6 rgb(155,178,230)
```
#aabeea
```
#aabeea rgb(170,190,234)
```
#bacaee
```
#bacaee rgb(186,202,238)
```
#cad6f2
```
#cad6f2 rgb(202,214,242)
```
#dae2f6
```
#dae2f6 rgb(218,226,246)
```
#e9eefa
```
#e9eefa rgb(233,238,250)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#6a6f7a
```
#6a6f7a rgb(106,111,122)
```
#626c82
```
#626c82 rgb(98,108,130)
```
#59688b
```
#59688b rgb(89,104,139)
```
#506594
```
#506594 rgb(80,101,148)
```
#47619d
```
#47619d rgb(71,97,157)
```
#3f5ea5
```
#3f5ea5 rgb(63,94,165)
```
#365aae
```
#365aae rgb(54,90,174)
```
#2d57b7
```
#2d57b7 rgb(45,87,183)
```
#2454c0
```
#2454c0 rgb(36,84,192)
```
#1b50c9
```
#1b50c9 rgb(27,80,201)
```
#134dd1
```
#134dd1 rgb(19,77,209)
```
#0a49da
```
#0a49da rgb(10,73,218)
```
#0146e3
```
#0146e3 rgb(1,70,227)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5569 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d61bc Protanopia 1% of men
#0066a8 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#235dba Protanomaly 1% of men, 0.01% of women
#1061ad Deuteranomaly 6% of men, 0.4% of women
#10668d Tritanomaly 0.01% of the population