#2d78ac hex color

In a RGB color space, hex #2d78ac is composed of 17.6% red, 47.1% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 30.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 204.6 degrees, a saturation of 58.5% and a lightness of 42.5%. #2d78ac color hex could be obtained by blending #5af0ff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 18
- G 47
- B 67
RGB color chart
- C 74
- M 30
- Y 0
- K 33
CMYK color chart

● #2d78ac color description : Dark blue.

The hexadecimal color #2d78ac has RGB values of R:45, G:120, B:172 and CMYK values of C:0.74, M:0.3, Y:0, K:0.33. Its decimal value is 2980012.

Hex triplet	2d78ac	`#2d78ac`
RGB Decimal	45, 120, 172	`rgb(45,120,172)`
RGB Percent	17.6, 47.1, 67.5	`rgb(17.6%,47.1%,67.5%)`
CMYK	74, 30, 0, 33
HSL	204.6°, 58.5, 42.5	`hsl(204.6,58.5%,42.5%)`
HSV (or HSB)	204.6°, 73.8, 67.5
Web Safe	336699	`#336699`

CIE-LAB	48.22, -5.156, -34.283
XYZ	15.243, 16.968, 41.499
xyY	0.207, 0.23, 16.968
CIE-LCH	48.22, 34.669, 261.448
CIE-LUV	48.22, -27.074, -50.774
Hunter-Lab	41.192, -6.033, -30.897
Binary	00101101, 01111000, 10101100

#2d78ac
```
#2d78ac rgb(45,120,172)
```
#ac612d
```
#ac612d rgb(172,97,45)
```

Complementary Color

#2daca1
```
#2daca1 rgb(45,172,161)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#2d39ac
```
#2d39ac rgb(45,57,172)
```

Analogous Color

#aca12d
```
#aca12d rgb(172,161,45)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#ac2d39
```
#ac2d39 rgb(172,45,57)
```

Split Complementary Color

#78ac2d
```
#78ac2d rgb(120,172,45)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#ac2d78
```
#ac2d78 rgb(172,45,120)
```

Triadic Color

#2dac61
```
#2dac61 rgb(45,172,97)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#ac2d78
```
#ac2d78 rgb(172,45,120)
```
#ac612d
```
#ac612d rgb(172,97,45)
```

Tetradic Color

#1d4e6f
```
#1d4e6f rgb(29,78,111)
```
#225c84
```
#225c84 rgb(34,92,132)
```
#286a98
```
#286a98 rgb(40,106,152)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#3286c0
```
#3286c0 rgb(50,134,192)
```
#3f93cd
```
#3f93cd rgb(63,147,205)
```
#539ed2
```
#539ed2 rgb(83,158,210)
```

Monochromatic Color

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

#2d98ac
```
#2d98ac rgb(45,152,172)
```
#2d8dac
```
#2d8dac rgb(45,141,172)
```
#2d83ac
```
#2d83ac rgb(45,131,172)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#2d6dac
```
#2d6dac rgb(45,109,172)
```
#2d63ac
```
#2d63ac rgb(45,99,172)
```
#2d58ac
```
#2d58ac rgb(45,88,172)
```

Similar Colors

Text with hexadecimal color #2d78ac

This text has a font color of #2d78ac.

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

#2d78ac background color

This paragraph has a background color of #2d78ac.

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

#2d78ac border color

This element has a border color of #2d78ac.

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

CSS codes

.text {color:#2d78ac;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#081620
```
#081620 rgb(8,22,32)
```
#0c2130
```
#0c2130 rgb(12,33,48)
```
#112c3f
```
#112c3f rgb(17,44,63)
```
#15374f
```
#15374f rgb(21,55,79)
```
#19425e
```
#19425e rgb(25,66,94)
```
#1d4d6e
```
#1d4d6e rgb(29,77,110)
```
#21577d
```
#21577d rgb(33,87,125)
```
#25628d
```
#25628d rgb(37,98,141)
```
#296d9c
```
#296d9c rgb(41,109,156)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#3183bc
```
#3183bc rgb(49,131,188)
```

Shade Color Variation

#368eca
```
#368eca rgb(54,142,202)
```
#4596ce
```
#4596ce rgb(69,150,206)
```
#559fd3
```
#559fd3 rgb(85,159,211)
```
#64a8d7
```
#64a8d7 rgb(100,168,215)
```
#74b1db
```
#74b1db rgb(116,177,219)
```
#84b9df
```
#84b9df rgb(132,185,223)
```
#93c2e3
```
#93c2e3 rgb(147,194,227)
```
#a3cbe7
```
#a3cbe7 rgb(163,203,231)
```
#b2d4eb
```
#b2d4eb rgb(178,212,235)
```
#c2dcef
```
#c2dcef rgb(194,220,239)
```
#d1e5f3
```
#d1e5f3 rgb(209,229,243)
```
#e1eef7
```
#e1eef7 rgb(225,238,247)
```
#f0f7fb
```
#f0f7fb rgb(240,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676d72 is the less saturated color, while #0380d6 is the most saturated one.

#676d72
```
#676d72 rgb(103,109,114)
```
#5f6f7a
```
#5f6f7a rgb(95,111,122)
```
#577082
```
#577082 rgb(87,112,130)
```
#4e728b
```
#4e728b rgb(78,114,139)
```
#467393
```
#467393 rgb(70,115,147)
```
#3e759b
```
#3e759b rgb(62,117,155)
```
#3576a4
```
#3576a4 rgb(53,118,164)
```
#2d78ac
```
#2d78ac rgb(45,120,172)
```
#257ab4
```
#257ab4 rgb(37,122,180)
```
#1c7bbd
```
#1c7bbd rgb(28,123,189)
```
#147dc5
```
#147dc5 rgb(20,125,197)
```
#0c7ecd
```
#0c7ecd rgb(12,126,205)
```
#0380d6
```
#0380d6 rgb(3,128,214)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6778ab Protanopia 1% of men
#5b79b2 Deuteranopia 1% of men
#00858f Tritanopia 0.001% of the population

Trichromacy

#5278ab Protanomaly 1% of men, 0.01% of women
#4a78b0 Deuteranomaly 6% of men, 0.4% of women
#108099 Tritanomaly 0.01% of the population

#2d78ac hex color

#2d78ac Color Information

#2d78ac Color Conversion

Color Schemes with #2d78ac

Alternatives to #2d78ac

#2d78ac Preview

Shades and Tints of #2d78ac

Tones of #2d78ac

Color Blindness Simulator