#54699b hex color

In a RGB color space, hex #54699b is composed of 32.9% red, 41.2% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 32.3% magenta, 0% yellow and 39.2% black. It has a hue angle of 222.3 degrees, a saturation of 29.7% and a lightness of 46.9%. #54699b color hex could be obtained by blending #a8d2ff with #000037. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 41
- B 61
RGB color chart
- C 46
- M 32
- Y 0
- K 39
CMYK color chart

● #54699b color description : Dark moderate blue.

The hexadecimal color #54699b has RGB values of R:84, G:105, B:155 and CMYK values of C:0.46, M:0.32, Y:0, K:0.39. Its decimal value is 5532059.

Hex triplet	54699b	`#54699b`
RGB Decimal	84, 105, 155	`rgb(84,105,155)`
RGB Percent	32.9, 41.2, 60.8	`rgb(32.9%,41.2%,60.8%)`
CMYK	46, 32, 0, 39
HSL	222.3°, 29.7, 46.9	`hsl(222.3,29.7%,46.9%)`
HSV (or HSB)	222.3°, 45.8, 60.8
Web Safe	666699	`#666699`

CIE-LAB	44.736, 6.123, -29.637
XYZ	14.623, 14.354, 33.009
xyY	0.236, 0.232, 14.354
CIE-LCH	44.736, 30.263, 281.673
CIE-LUV	44.736, -11.65, -43.981
Hunter-Lab	37.887, 2.593, -25.136
Binary	01010100, 01101001, 10011011

#54699b
```
#54699b rgb(84,105,155)
```
#9b8654
```
#9b8654 rgb(155,134,84)
```

Complementary Color

#548d9b
```
#548d9b rgb(84,141,155)
```
#54699b
```
#54699b rgb(84,105,155)
```
#63549b
```
#63549b rgb(99,84,155)
```

Analogous Color

#8d9b54
```
#8d9b54 rgb(141,155,84)
```
#54699b
```
#54699b rgb(84,105,155)
```
#9b6354
```
#9b6354 rgb(155,99,84)
```

Split Complementary Color

#699b54
```
#699b54 rgb(105,155,84)
```
#54699b
```
#54699b rgb(84,105,155)
```
#9b5469
```
#9b5469 rgb(155,84,105)
```

Triadic Color

#549b86
```
#549b86 rgb(84,155,134)
```
#54699b
```
#54699b rgb(84,105,155)
```
#9b5469
```
#9b5469 rgb(155,84,105)
```
#9b8654
```
#9b8654 rgb(155,134,84)
```

Tetradic Color

#394769
```
#394769 rgb(57,71,105)
```
#42537a
```
#42537a rgb(66,83,122)
```
#4b5e8a
```
#4b5e8a rgb(75,94,138)
```
#54699b
```
#54699b rgb(84,105,155)
```
#6075a9
```
#6075a9 rgb(96,117,169)
```
#7084b2
```
#7084b2 rgb(112,132,178)
```
#8192bb
```
#8192bb rgb(129,146,187)
```

Monochromatic Color

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

#547b9b
```
#547b9b rgb(84,123,155)
```
#54759b
```
#54759b rgb(84,117,155)
```
#546f9b
```
#546f9b rgb(84,111,155)
```
#54699b
```
#54699b rgb(84,105,155)
```
#54639b
```
#54639b rgb(84,99,155)
```
#545d9b
```
#545d9b rgb(84,93,155)
```
#54579b
```
#54579b rgb(84,87,155)
```

Similar Colors

Text with hexadecimal color #54699b

This text has a font color of #54699b.

<span style="color:#54699b;">Text here</span>

#54699b background color

This paragraph has a background color of #54699b.

<p style="background-color:#54699b;">Content here</p>

#54699b border color

This element has a border color of #54699b.

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

CSS codes

.text {color:#54699b;}

.background {background-color:#54699b;}

.border {border:1px solid #54699b;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080a0f
```
#080a0f rgb(8,10,15)
```
#0f131c
```
#0f131c rgb(15,19,28)
```
#161b29
```
#161b29 rgb(22,27,41)
```
#1d2435
```
#1d2435 rgb(29,36,53)
```
#242d42
```
#242d42 rgb(36,45,66)
```
#2b354f
```
#2b354f rgb(43,53,79)
```
#323e5b
```
#323e5b rgb(50,62,91)
```
#384768
```
#384768 rgb(56,71,104)
```
#3f4f75
```
#3f4f75 rgb(63,79,117)
```
#465882
```
#465882 rgb(70,88,130)
```
#4d608e
```
#4d608e rgb(77,96,142)
```
#54699b
```
#54699b rgb(84,105,155)
```

Shade Color Variation

#5c72a7
```
#5c72a7 rgb(92,114,167)
```
#697dae
```
#697dae rgb(105,125,174)
```
#7588b4
```
#7588b4 rgb(117,136,180)
```
#8293bb
```
#8293bb rgb(130,147,187)
```
#8f9ec2
```
#8f9ec2 rgb(143,158,194)
```
#9ca9c9
```
#9ca9c9 rgb(156,169,201)
```
#a8b4d0
```
#a8b4d0 rgb(168,180,208)
```
#b5bfd7
```
#b5bfd7 rgb(181,191,215)
```
#c2cade
```
#c2cade rgb(194,202,222)
```
#ced5e5
```
#ced5e5 rgb(206,213,229)
```
#dbe0ec
```
#dbe0ec rgb(219,224,236)
```
#e8ebf2
```
#e8ebf2 rgb(232,235,242)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70747f is the less saturated color, while #0147ee is the most saturated one.

#70747f
```
#70747f rgb(112,116,127)
```
#667189
```
#667189 rgb(102,113,137)
```
#5d6d92
```
#5d6d92 rgb(93,109,146)
```
#54699b
```
#54699b rgb(84,105,155)
```
#4b65a4
```
#4b65a4 rgb(75,101,164)
```
#4261ad
```
#4261ad rgb(66,97,173)
```
#385eb7
```
#385eb7 rgb(56,94,183)
```
#2f5ac0
```
#2f5ac0 rgb(47,90,192)
```
#2656c9
```
#2656c9 rgb(38,86,201)
```
#1d52d2
```
#1d52d2 rgb(29,82,210)
```
#144fdb
```
#144fdb rgb(20,79,219)
```
#0a4be5
```
#0a4be5 rgb(10,75,229)
```
#0147ee
```
#0147ee rgb(1,71,238)
```

Tone Color Variation

Below, you can see how #54699b 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
#646872 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606f9f Protanopia 1% of men
#5c70a0 Deuteranopia 1% of men
#517780 Tritanopia 0.001% of the population

Trichromacy

#5c6d9d Protanomaly 1% of men, 0.01% of women
#596e9e Deuteranomaly 6% of men, 0.4% of women
#527289 Tritanomaly 0.01% of the population

#54699b hex color

#54699b Color Information

#54699b Color Conversion

Color Schemes with #54699b

Alternatives to #54699b

#54699b Preview

Shades and Tints of #54699b

Tones of #54699b

Color Blindness Simulator