colorhexa.com

#2d72b5 hex color

In a RGB color space, hex #2d72b5 is composed of 17.6% red, 44.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 37% magenta, 0% yellow and 29% black. It has a hue angle of 209.6 degrees, a saturation of 60.2% and a lightness of 44.3%. #2d72b5 color hex could be obtained by blending #5ae4ff with #00006b. Closest websafe color is: #3366cc.

- R 18
- G 45
- B 71
RGB color chart
- C 75
- M 37
- Y 0
- K 29
CMYK color chart

● #2d72b5 color description : Strong blue.

The hexadecimal color #2d72b5 has RGB values of R:45, G:114, B:181 and CMYK values of C:0.75, M:0.37, Y:0, K:0.29. Its decimal value is 2978485.

Hex triplet	2d72b5	`#2d72b5`
RGB Decimal	45, 114, 181	`rgb(45,114,181)`
RGB Percent	17.6, 44.7, 71	`rgb(17.6%,44.7%,71%)`
CMYK	75, 37, 0, 29
HSL	209.6°, 60.2, 44.3	`hsl(209.6,60.2%,44.3%)`
HSV (or HSB)	209.6°, 75.1, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.879, 1.775, -41.63
XYZ	15.438, 15.927, 45.974
xyY	0.2, 0.206, 15.927
CIE-LCH	46.879, 41.668, 272.442
CIE-LUV	46.879, -24.632, -62.716
Hunter-Lab	39.909, -0.792, -40.364
Binary	00101101, 01110010, 10110101

#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#b5702d
```
#b5702d rgb(181,112,45)
```

Complementary Color

#2db5b4
```
#2db5b4 rgb(45,181,180)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#2d2eb5
```
#2d2eb5 rgb(45,46,181)
```

Analogous Color

#b5b42d
```
#b5b42d rgb(181,180,45)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#b52d2e
```
#b52d2e rgb(181,45,46)
```

Split Complementary Color

#72b52d
```
#72b52d rgb(114,181,45)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#b52d72
```
#b52d72 rgb(181,45,114)
```

Triadic Color

#2db570
```
#2db570 rgb(45,181,112)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#b52d72
```
#b52d72 rgb(181,45,114)
```
#b5702d
```
#b5702d rgb(181,112,45)
```

Tetradic Color

#1e4b78
```
#1e4b78 rgb(30,75,120)
```
#23588c
```
#23588c rgb(35,88,140)
```
#2865a1
```
#2865a1 rgb(40,101,161)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#327fc9
```
#327fc9 rgb(50,127,201)
```
#448cd1
```
#448cd1 rgb(68,140,209)
```
#5998d6
```
#5998d6 rgb(89,152,214)
```

Monochromatic Color

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

#2d94b5
```
#2d94b5 rgb(45,148,181)
```
#2d89b5
```
#2d89b5 rgb(45,137,181)
```
#2d7db5
```
#2d7db5 rgb(45,125,181)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#2d67b5
```
#2d67b5 rgb(45,103,181)
```
#2d5bb5
```
#2d5bb5 rgb(45,91,181)
```
#2d50b5
```
#2d50b5 rgb(45,80,181)
```

Similar Colors

Text with hexadecimal color #2d72b5

This text has a font color of #2d72b5.

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

#2d72b5 background color

This paragraph has a background color of #2d72b5.

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

#2d72b5 border color

This element has a border color of #2d72b5.

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

CSS codes

.text {color:#2d72b5;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#060f18
```
#060f18 rgb(6,15,24)
```
#0a1928
```
#0a1928 rgb(10,25,40)
```
#0e2337
```
#0e2337 rgb(14,35,55)
```
#122d47
```
#122d47 rgb(18,45,71)
```
#163757
```
#163757 rgb(22,55,87)
```
#194166
```
#194166 rgb(25,65,102)
```
#1d4a76
```
#1d4a76 rgb(29,74,118)
```
#215486
```
#215486 rgb(33,84,134)
```
#255e96
```
#255e96 rgb(37,94,150)
```
#2968a5
```
#2968a5 rgb(41,104,165)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#317cc5
```
#317cc5 rgb(49,124,197)
```

Shade Color Variation

#3b86ce
```
#3b86ce rgb(59,134,206)
```
#4b8fd2
```
#4b8fd2 rgb(75,143,210)
```
#5a99d6
```
#5a99d6 rgb(90,153,214)
```
#6aa3da
```
#6aa3da rgb(106,163,218)
```
#7aadde
```
#7aadde rgb(122,173,222)
```
#8ab6e2
```
#8ab6e2 rgb(138,182,226)
```
#99c0e6
```
#99c0e6 rgb(153,192,230)
```
#a9caea
```
#a9caea rgb(169,202,234)
```
#b9d3ee
```
#b9d3ee rgb(185,211,238)
```
#c8ddf1
```
#c8ddf1 rgb(200,221,241)
```
#d8e7f5
```
#d8e7f5 rgb(216,231,245)
```
#e8f1f9
```
#e8f1f9 rgb(232,241,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#6a7178
```
#6a7178 rgb(106,113,120)
```
#617181
```
#617181 rgb(97,113,129)
```
#58718a
```
#58718a rgb(88,113,138)
```
#507192
```
#507192 rgb(80,113,146)
```
#47729b
```
#47729b rgb(71,114,155)
```
#3e72a4
```
#3e72a4 rgb(62,114,164)
```
#3672ac
```
#3672ac rgb(54,114,172)
```
#2d72b5
```
#2d72b5 rgb(45,114,181)
```
#2472be
```
#2472be rgb(36,114,190)
```
#1c72c6
```
#1c72c6 rgb(28,114,198)
```
#1372cf
```
#1372cf rgb(19,114,207)
```
#0a73d8
```
#0a73d8 rgb(10,115,216)
```
#0273e0
```
#0273e0 rgb(2,115,224)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5a6875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b74b5 Protanopia 1% of men
#4777b9 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#4a73b5 Protanomaly 1% of men, 0.01% of women
#3e75b8 Deuteranomaly 6% of men, 0.4% of women
#107c9a Tritanomaly 0.01% of the population