colorhexa.com

#2d547c hex color

In a RGB color space, hex #2d547c is composed of 17.6% red, 32.9% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 32.3% magenta, 0% yellow and 51.4% black. It has a hue angle of 210.4 degrees, a saturation of 46.7% and a lightness of 33.1%. #2d547c color hex could be obtained by blending #5aa8f8 with #000000. Closest websafe color is: #336666.

- R 18
- G 33
- B 49
RGB color chart
- C 64
- M 32
- Y 0
- K 51
CMYK color chart

● #2d547c color description : Dark moderate blue.

The hexadecimal color #2d547c has RGB values of R:45, G:84, B:124 and CMYK values of C:0.64, M:0.32, Y:0, K:0.51. Its decimal value is 2970748.

Hex triplet	2d547c	`#2d547c`
RGB Decimal	45, 84, 124	`rgb(45,84,124)`
RGB Percent	17.6, 32.9, 48.6	`rgb(17.6%,32.9%,48.6%)`
CMYK	64, 32, 0, 51
HSL	210.4°, 46.7, 33.1	`hsl(210.4,46.7%,33.1%)`
HSV (or HSB)	210.4°, 63.7, 48.6
Web Safe	336666	`#336666`

CIE-LAB	34.708, -0.458, -26.76
XYZ	7.89, 8.353, 20.264
xyY	0.216, 0.229, 8.353
CIE-LCH	34.708, 26.764, 269.02
CIE-LUV	34.708, -15.859, -36.447
Hunter-Lab	28.902, -1.851, -21.339
Binary	00101101, 01010100, 01111100

#2d547c
```
#2d547c rgb(45,84,124)
```
#7c552d
```
#7c552d rgb(124,85,45)
```

Complementary Color

#2d7c7c
```
#2d7c7c rgb(45,124,124)
```
#2d547c
```
#2d547c rgb(45,84,124)
```
#2d2d7c
```
#2d2d7c rgb(45,45,124)
```

Analogous Color

#7c7c2d
```
#7c7c2d rgb(124,124,45)
```
#2d547c
```
#2d547c rgb(45,84,124)
```
#7c2d2d
```
#7c2d2d rgb(124,45,45)
```

Split Complementary Color

#547c2d
```
#547c2d rgb(84,124,45)
```
#2d547c
```
#2d547c rgb(45,84,124)
```
#7c2d54
```
#7c2d54 rgb(124,45,84)
```

Triadic Color

#192e44
```
#192e44 rgb(25,46,68)
```
#1f3b57
```
#1f3b57 rgb(31,59,87)
```
#264769
```
#264769 rgb(38,71,105)
```
#2d547c
```
#2d547c rgb(45,84,124)
```
#34618f
```
#34618f rgb(52,97,143)
```
#3b6da1
```
#3b6da1 rgb(59,109,161)
```
#417ab4
```
#417ab4 rgb(65,122,180)
```

Monochromatic Color

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

#2d687c
```
#2d687c rgb(45,104,124)
```
#2d617c
```
#2d617c rgb(45,97,124)
```
#2d5b7c
```
#2d5b7c rgb(45,91,124)
```
#2d547c
```
#2d547c rgb(45,84,124)
```
#2d4d7c
```
#2d4d7c rgb(45,77,124)
```
#2d477c
```
#2d477c rgb(45,71,124)
```
#2d407c
```
#2d407c rgb(45,64,124)
```

Similar Colors

Text with hexadecimal color #2d547c

This text has a font color of #2d547c.

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

#2d547c background color

This paragraph has a background color of #2d547c.

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

#2d547c border color

This element has a border color of #2d547c.

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

CSS codes

.text {color:#2d547c;}

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

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

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

#030609
```
#030609 rgb(3,6,9)
```
#081017
```
#081017 rgb(8,16,23)
```
#0e1a26
```
#0e1a26 rgb(14,26,38)
```
#132334
```
#132334 rgb(19,35,52)
```
#182d42
```
#182d42 rgb(24,45,66)
```
#1d3751
```
#1d3751 rgb(29,55,81)
```
#23415f
```
#23415f rgb(35,65,95)
```
#284a6e
```
#284a6e rgb(40,74,110)
```
#2d547c
```
#2d547c rgb(45,84,124)
```
#325e8a
```
#325e8a rgb(50,94,138)
```
#376799
```
#376799 rgb(55,103,153)
```
#3d71a7
```
#3d71a7 rgb(61,113,167)
```
#427bb6
```
#427bb6 rgb(66,123,182)
```

Shade Color Variation

#4d85be
```
#4d85be rgb(77,133,190)
```
#5b8fc4
```
#5b8fc4 rgb(91,143,196)
```
#6a99c9
```
#6a99c9 rgb(106,153,201)
```
#78a2ce
```
#78a2ce rgb(120,162,206)
```
#86acd3
```
#86acd3 rgb(134,172,211)
```
#95b6d8
```
#95b6d8 rgb(149,182,216)
```
#a3c0de
```
#a3c0de rgb(163,192,222)
```
#b2cae3
```
#b2cae3 rgb(178,202,227)
```
#c0d4e8
```
#c0d4e8 rgb(192,212,232)
```
#cedeed
```
#cedeed rgb(206,222,237)
```
#dde7f3
```
#dde7f3 rgb(221,231,243)
```
#ebf1f8
```
#ebf1f8 rgb(235,241,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#545455
```
#545455 rgb(84,84,85)
```
#4e545c
```
#4e545c rgb(78,84,92)
```
#475462
```
#475462 rgb(71,84,98)
```
#415469
```
#415469 rgb(65,84,105)
```
#3a546f
```
#3a546f rgb(58,84,111)
```
#345476
```
#345476 rgb(52,84,118)
```
#2d547c
```
#2d547c rgb(45,84,124)
```
#275483
```
#275483 rgb(39,84,131)
```
#205489
```
#205489 rgb(32,84,137)
```
#1a5490
```
#1a5490 rgb(26,84,144)
```
#135496
```
#135496 rgb(19,84,150)
```
#0d549d
```
#0d549d rgb(13,84,157)
```
#0654a3
```
#0654a3 rgb(6,84,163)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474e56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c5980 Protanopia 1% of men
#455a83 Deuteranopia 1% of men
#286269 Tritanopia 0.001% of the population

Trichromacy

#41577e Protanomaly 1% of men, 0.01% of women
#3c5881 Deuteranomaly 6% of men, 0.4% of women
#295d70 Tritanomaly 0.01% of the population