#2d748e hex color

In a RGB color space, hex #2d748e is composed of 17.6% red, 45.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 18.3% magenta, 0% yellow and 44.3% black. It has a hue angle of 196.1 degrees, a saturation of 51.9% and a lightness of 36.7%. #2d748e color hex could be obtained by blending #5ae8ff with #00001d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 45
- B 56
RGB color chart
- C 68
- M 18
- Y 0
- K 44
CMYK color chart

● #2d748e color description : Dark moderate blue.

The hexadecimal color #2d748e has RGB values of R:45, G:116, B:142 and CMYK values of C:0.68, M:0.18, Y:0, K:0.44. Its decimal value is 2978958.

Hex triplet	2d748e	`#2d748e`
RGB Decimal	45, 116, 142	`rgb(45,116,142)`
RGB Percent	17.6, 45.5, 55.7	`rgb(17.6%,45.5%,55.7%)`
CMYK	68, 18, 0, 44
HSL	196.1°, 51.9, 36.7	`hsl(196.1,51.9%,36.7%)`
HSV (or HSB)	196.1°, 68.3, 55.7
Web Safe	336699	`#336699`

CIE-LAB	45.635, -13.39, -20.675
XYZ	12.209, 15.001, 27.842
xyY	0.222, 0.272, 15.001
CIE-LCH	45.635, 24.632, 237.073
CIE-LUV	45.635, -27.043, -28.133
Hunter-Lab	38.731, -11.512, -15.509
Binary	00101101, 01110100, 10001110

#2d748e
```
#2d748e rgb(45,116,142)
```
#8e472d
```
#8e472d rgb(142,71,45)
```

Complementary Color

#2d8e78
```
#2d8e78 rgb(45,142,120)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#2d448e
```
#2d448e rgb(45,68,142)
```

Analogous Color

#8e782d
```
#8e782d rgb(142,120,45)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#8e2d44
```
#8e2d44 rgb(142,45,68)
```

Split Complementary Color

#748e2d
```
#748e2d rgb(116,142,45)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#8e2d74
```
#8e2d74 rgb(142,45,116)
```

Triadic Color

#2d8e47
```
#2d8e47 rgb(45,142,71)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#8e2d74
```
#8e2d74 rgb(142,45,116)
```
#8e472d
```
#8e472d rgb(142,71,45)
```

Tetradic Color

#1b4554
```
#1b4554 rgb(27,69,84)
```
#215467
```
#215467 rgb(33,84,103)
```
#27647b
```
#27647b rgb(39,100,123)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#3384a1
```
#3384a1 rgb(51,132,161)
```
#3994b5
```
#3994b5 rgb(57,148,181)
```
#44a1c4
```
#44a1c4 rgb(68,161,196)
```

Monochromatic Color

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

#2d8c8e
```
#2d8c8e rgb(45,140,142)
```
#2d848e
```
#2d848e rgb(45,132,142)
```
#2d7c8e
```
#2d7c8e rgb(45,124,142)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#2d6c8e
```
#2d6c8e rgb(45,108,142)
```
#2d648e
```
#2d648e rgb(45,100,142)
```
#2d5c8e
```
#2d5c8e rgb(45,92,142)
```

Similar Colors

Text with hexadecimal color #2d748e

This text has a font color of #2d748e.

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

#2d748e background color

This paragraph has a background color of #2d748e.

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

#2d748e border color

This element has a border color of #2d748e.

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

CSS codes

.text {color:#2d748e;}

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

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

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

#030608
```
#030608 rgb(3,6,8)
```
#071317
```
#071317 rgb(7,19,23)
```
#0c1f26
```
#0c1f26 rgb(12,31,38)
```
#112b35
```
#112b35 rgb(17,43,53)
```
#153744
```
#153744 rgb(21,55,68)
```
#1a4352
```
#1a4352 rgb(26,67,82)
```
#1f4f61
```
#1f4f61 rgb(31,79,97)
```
#245c70
```
#245c70 rgb(36,92,112)
```
#28687f
```
#28687f rgb(40,104,127)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#32809d
```
#32809d rgb(50,128,157)
```
#368cac
```
#368cac rgb(54,140,172)
```
#3b99bb
```
#3b99bb rgb(59,153,187)
```

Shade Color Variation

#45a2c4
```
#45a2c4 rgb(69,162,196)
```
#54aac9
```
#54aac9 rgb(84,170,201)
```
#63b1ce
```
#63b1ce rgb(99,177,206)
```
#72b8d2
```
#72b8d2 rgb(114,184,210)
```
#81c0d7
```
#81c0d7 rgb(129,192,215)
```
#90c7dc
```
#90c7dc rgb(144,199,220)
```
#9fcfe0
```
#9fcfe0 rgb(159,207,224)
```
#aed6e5
```
#aed6e5 rgb(174,214,229)
```
#bcdeea
```
#bcdeea rgb(188,222,234)
```
#cbe5ef
```
#cbe5ef rgb(203,229,239)
```
#daedf3
```
#daedf3 rgb(218,237,243)
```
#e9f4f8
```
#e9f4f8 rgb(233,244,248)
```
#f8fcfd
```
#f8fcfd rgb(248,252,253)
```

Tint Color Variation

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

#586063
```
#586063 rgb(88,96,99)
```
#51636a
```
#51636a rgb(81,99,106)
```
#4a6771
```
#4a6771 rgb(74,103,113)
```
#436a78
```
#436a78 rgb(67,106,120)
```
#3b6d80
```
#3b6d80 rgb(59,109,128)
```
#347187
```
#347187 rgb(52,113,135)
```
#2d748e
```
#2d748e rgb(45,116,142)
```
#267795
```
#267795 rgb(38,119,149)
```
#1f7b9c
```
#1f7b9c rgb(31,123,156)
```
#177ea4
```
#177ea4 rgb(23,126,164)
```
#1081ab
```
#1081ab rgb(16,129,171)
```
#0985b2
```
#0985b2 rgb(9,133,178)
```
#0288b9
```
#0288b9 rgb(2,136,185)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#57666b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c728e Protanopia 1% of men
#697297 Deuteranopia 1% of men
#2e7d86 Tritanopia 0.001% of the population

Trichromacy

#55738e Protanomaly 1% of men, 0.01% of women
#537293 Deuteranomaly 6% of men, 0.4% of women
#2d7a89 Tritanomaly 0.01% of the population

#2d748e hex color

#2d748e Color Information

#2d748e Color Conversion

Color Schemes with #2d748e

Alternatives to #2d748e

#2d748e Preview

Shades and Tints of #2d748e

Tones of #2d748e

Color Blindness Simulator