#54709a hex color

In a RGB color space, hex #54709a is composed of 32.9% red, 43.9% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 27.3% magenta, 0% yellow and 39.6% black. It has a hue angle of 216 degrees, a saturation of 29.4% and a lightness of 46.7%. #54709a color hex could be obtained by blending #a8e0ff with #000035. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 44
- B 60
RGB color chart
- C 45
- M 27
- Y 0
- K 40
CMYK color chart

● #54709a color description : Dark moderate blue.

The hexadecimal color #54709a has RGB values of R:84, G:112, B:154 and CMYK values of C:0.45, M:0.27, Y:0, K:0.4. Its decimal value is 5533850.

Hex triplet	54709a	`#54709a`
RGB Decimal	84, 112, 154	`rgb(84,112,154)`
RGB Percent	32.9, 43.9, 60.4	`rgb(32.9%,43.9%,60.4%)`
CMYK	45, 27, 0, 40
HSL	216°, 29.4, 46.7	`hsl(216,29.4%,46.7%)`
HSV (or HSB)	216°, 45.5, 60.4
Web Safe	666699	`#666699`

CIE-LAB	46.718, 1.545, -25.957
XYZ	15.282, 15.806, 32.816
xyY	0.239, 0.247, 15.806
CIE-LCH	46.718, 26.003, 273.406
CIE-LUV	46.718, -14.331, -38.17
Hunter-Lab	39.756, -0.96, -21.11
Binary	01010100, 01110000, 10011010

#54709a
```
#54709a rgb(84,112,154)
```
#9a7e54
```
#9a7e54 rgb(154,126,84)
```

Complementary Color

#54939a
```
#54939a rgb(84,147,154)
```
#54709a
```
#54709a rgb(84,112,154)
```
#5b549a
```
#5b549a rgb(91,84,154)
```

Analogous Color

#939a54
```
#939a54 rgb(147,154,84)
```
#54709a
```
#54709a rgb(84,112,154)
```
#9a5b54
```
#9a5b54 rgb(154,91,84)
```

Split Complementary Color

#709a54
```
#709a54 rgb(112,154,84)
```
#54709a
```
#54709a rgb(84,112,154)
```
#9a5470
```
#9a5470 rgb(154,84,112)
```

Triadic Color

#549a7e
```
#549a7e rgb(84,154,126)
```
#54709a
```
#54709a rgb(84,112,154)
```
#9a5470
```
#9a5470 rgb(154,84,112)
```
#9a7e54
```
#9a7e54 rgb(154,126,84)
```

Tetradic Color

#394c69
```
#394c69 rgb(57,76,105)
```
#425879
```
#425879 rgb(66,88,121)
```
#4b648a
```
#4b648a rgb(75,100,138)
```
#54709a
```
#54709a rgb(84,112,154)
```
#607da8
```
#607da8 rgb(96,125,168)
```
#708ab1
```
#708ab1 rgb(112,138,177)
```
#8198ba
```
#8198ba rgb(129,152,186)
```

Monochromatic Color

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

#54829a
```
#54829a rgb(84,130,154)
```
#547c9a
```
#547c9a rgb(84,124,154)
```
#54769a
```
#54769a rgb(84,118,154)
```
#54709a
```
#54709a rgb(84,112,154)
```
#546a9a
```
#546a9a rgb(84,106,154)
```
#54649a
```
#54649a rgb(84,100,154)
```
#545f9a
```
#545f9a rgb(84,95,154)
```

Similar Colors

Text with hexadecimal color #54709a

This text has a font color of #54709a.

<span style="color:#54709a;">Text here</span>

#54709a background color

This paragraph has a background color of #54709a.

<p style="background-color:#54709a;">Content here</p>

#54709a border color

This element has a border color of #54709a.

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

CSS codes

.text {color:#54709a;}

.background {background-color:#54709a;}

.border {border:1px solid #54709a;}

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

#010102
```
#010102 rgb(1,1,2)
```
#080a0e
```
#080a0e rgb(8,10,14)
```
#0f141b
```
#0f141b rgb(15,20,27)
```
#161d28
```
#161d28 rgb(22,29,40)
```
#1d2634
```
#1d2634 rgb(29,38,52)
```
#242f41
```
#242f41 rgb(36,47,65)
```
#2a394e
```
#2a394e rgb(42,57,78)
```
#31425b
```
#31425b rgb(49,66,91)
```
#384b67
```
#384b67 rgb(56,75,103)
```
#3f5474
```
#3f5474 rgb(63,84,116)
```
#465e81
```
#465e81 rgb(70,94,129)
```
#4d678d
```
#4d678d rgb(77,103,141)
```
#54709a
```
#54709a rgb(84,112,154)
```

Shade Color Variation

#5c79a6
```
#5c79a6 rgb(92,121,166)
```
#6884ad
```
#6884ad rgb(104,132,173)
```
#758eb4
```
#758eb4 rgb(117,142,180)
```
#8299bb
```
#8299bb rgb(130,153,187)
```
#8ea3c2
```
#8ea3c2 rgb(142,163,194)
```
#9badc9
```
#9badc9 rgb(155,173,201)
```
#a8b8cf
```
#a8b8cf rgb(168,184,207)
```
#b5c2d6
```
#b5c2d6 rgb(181,194,214)
```
#c1ccdd
```
#c1ccdd rgb(193,204,221)
```
#ced7e4
```
#ced7e4 rgb(206,215,228)
```
#dbe1eb
```
#dbe1eb rgb(219,225,235)
```
#e7ecf2
```
#e7ecf2 rgb(231,236,242)
```
#f4f6f9
```
#f4f6f9 rgb(244,246,249)
```

Tint Color Variation

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

#6f757f
```
#6f757f rgb(111,117,127)
```
#667488
```
#667488 rgb(102,116,136)
```
#5d7291
```
#5d7291 rgb(93,114,145)
```
#54709a
```
#54709a rgb(84,112,154)
```
#4b6ea3
```
#4b6ea3 rgb(75,110,163)
```
#426cac
```
#426cac rgb(66,108,172)
```
#396bb5
```
#396bb5 rgb(57,107,181)
```
#2f69bf
```
#2f69bf rgb(47,105,191)
```
#2667c8
```
#2667c8 rgb(38,103,200)
```
#1d65d1
```
#1d65d1 rgb(29,101,209)
```
#1463da
```
#1463da rgb(20,99,218)
```
#0b61e3
```
#0b61e3 rgb(11,97,227)
```
#0260ec
```
#0260ec rgb(2,96,236)
```

Tone Color Variation

Below, you can see how #54709a 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

#6c6c6c Achromatopsia 0.005% of the population
#676d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69749d Protanopia 1% of men
#6675a0 Deuteranopia 1% of men
#537c85 Tritanopia 0.001% of the population

Trichromacy

#61739c Protanomaly 1% of men, 0.01% of women
#60739d Deuteranomaly 6% of men, 0.4% of women
#53778d Tritanomaly 0.01% of the population

#54709a hex color

#54709a Color Information

#54709a Color Conversion

Color Schemes with #54709a

Alternatives to #54709a

#54709a Preview

Shades and Tints of #54709a

Tones of #54709a

Color Blindness Simulator