#4f549b hex color

In a RGB color space, hex #4f549b is composed of 31% red, 32.9% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 45.8% magenta, 0% yellow and 39.2% black. It has a hue angle of 236.1 degrees, a saturation of 32.5% and a lightness of 45.9%. #4f549b color hex could be obtained by blending #9ea8ff with #000037. Closest websafe color is: #666699.

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

● #4f549b color description : Dark moderate blue.

The hexadecimal color #4f549b has RGB values of R:79, G:84, B:155 and CMYK values of C:0.49, M:0.46, Y:0, K:0.39. Its decimal value is 5199003.

Hex triplet	4f549b	`#4f549b`
RGB Decimal	79, 84, 155	`rgb(79,84,155)`
RGB Percent	31, 32.9, 60.8	`rgb(31%,32.9%,60.8%)`
CMYK	49, 46, 0, 39
HSL	236.1°, 32.5, 45.9	`hsl(236.1,32.5%,45.9%)`
HSV (or HSB)	236.1°, 49, 60.8
Web Safe	666699	`#666699`

CIE-LAB	38.497, 18.074, -39.511
XYZ	12.31, 10.369, 32.361
xyY	0.224, 0.188, 10.369
CIE-LCH	38.497, 43.448, 294.582
CIE-LUV	38.497, -5.995, -58.096
Hunter-Lab	32.201, 11.886, -37.044
Binary	01001111, 01010100, 10011011

#4f549b
```
#4f549b rgb(79,84,155)
```
#9b964f
```
#9b964f rgb(155,150,79)
```

Complementary Color

#4f7a9b
```
#4f7a9b rgb(79,122,155)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#704f9b
```
#704f9b rgb(112,79,155)
```

Analogous Color

#7a9b4f
```
#7a9b4f rgb(122,155,79)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#9b704f
```
#9b704f rgb(155,112,79)
```

Split Complementary Color

#549b4f
```
#549b4f rgb(84,155,79)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#9b4f54
```
#9b4f54 rgb(155,79,84)
```

Triadic Color

#4f9b96
```
#4f9b96 rgb(79,155,150)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#9b4f54
```
#9b4f54 rgb(155,79,84)
```
#9b964f
```
#9b964f rgb(155,150,79)
```

Tetradic Color

#353968
```
#353968 rgb(53,57,104)
```
#3e4279
```
#3e4279 rgb(62,66,121)
```
#464b8a
```
#464b8a rgb(70,75,138)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#595eaa
```
#595eaa rgb(89,94,170)
```
#6a6fb3
```
#6a6fb3 rgb(106,111,179)
```
#7b7fbc
```
#7b7fbc rgb(123,127,188)
```

Monochromatic Color

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

#4f679b
```
#4f679b rgb(79,103,155)
```
#4f619b
```
#4f619b rgb(79,97,155)
```
#4f5a9b
```
#4f5a9b rgb(79,90,155)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#504f9b
```
#504f9b rgb(80,79,155)
```
#574f9b
```
#574f9b rgb(87,79,155)
```
#5d4f9b
```
#5d4f9b rgb(93,79,155)
```

Similar Colors

Text with hexadecimal color #4f549b

This text has a font color of #4f549b.

<span style="color:#4f549b;">Text here</span>

#4f549b background color

This paragraph has a background color of #4f549b.

<p style="background-color:#4f549b;">Content here</p>

#4f549b border color

This element has a border color of #4f549b.

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

CSS codes

.text {color:#4f549b;}

.background {background-color:#4f549b;}

.border {border:1px solid #4f549b;}

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, #06070c is the darkest color, while #fefeff is the lightest one.

#06070c
```
#06070c rgb(6,7,12)
```
#0d0e19
```
#0d0e19 rgb(13,14,25)
```
#131526
```
#131526 rgb(19,21,38)
```
#1a1c33
```
#1a1c33 rgb(26,28,51)
```
#212340
```
#212340 rgb(33,35,64)
```
#272a4d
```
#272a4d rgb(39,42,77)
```
#2e315a
```
#2e315a rgb(46,49,90)
```
#353867
```
#353867 rgb(53,56,103)
```
#3b3f74
```
#3b3f74 rgb(59,63,116)
```
#424681
```
#424681 rgb(66,70,129)
```
#484d8e
```
#484d8e rgb(72,77,142)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#565ba8
```
#565ba8 rgb(86,91,168)
```

Shade Color Variation

#6267af
```
#6267af rgb(98,103,175)
```
#6f74b6
```
#6f74b6 rgb(111,116,182)
```
#7c80bc
```
#7c80bc rgb(124,128,188)
```
#898dc3
```
#898dc3 rgb(137,141,195)
```
#969aca
```
#969aca rgb(150,154,202)
```
#a3a6d0
```
#a3a6d0 rgb(163,166,208)
```
#b0b3d7
```
#b0b3d7 rgb(176,179,215)
```
#bdbfdd
```
#bdbfdd rgb(189,191,221)
```
#cacce4
```
#cacce4 rgb(202,204,228)
```
#d7d8eb
```
#d7d8eb rgb(215,216,235)
```
#e4e5f1
```
#e4e5f1 rgb(228,229,241)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#737377
```
#737377 rgb(115,115,119)
```
#6a6b80
```
#6a6b80 rgb(106,107,128)
```
#616489
```
#616489 rgb(97,100,137)
```
#585c92
```
#585c92 rgb(88,92,146)
```
#4f549b
```
#4f549b rgb(79,84,155)
```
#464ca4
```
#464ca4 rgb(70,76,164)
```
#3d44ad
```
#3d44ad rgb(61,68,173)
```
#343db6
```
#343db6 rgb(52,61,182)
```
#2b35bf
```
#2b35bf rgb(43,53,191)
```
#222dc8
```
#222dc8 rgb(34,45,200)
```
#1925d1
```
#1925d1 rgb(25,37,209)
```
#101dda
```
#101dda rgb(16,29,218)
```
#0715e3
```
#0715e3 rgb(7,21,227)
```

Tone Color Variation

Below, you can see how #4f549b 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

#5b5b5b Achromatopsia 0.005% of the population
#595a68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4261a3 Protanopia 1% of men
#38639d Deuteranopia 1% of men
#466870 Tritanopia 0.001% of the population

Trichromacy

#475ca0 Protanomaly 1% of men, 0.01% of women
#405e9c Deuteranomaly 6% of men, 0.4% of women
#49617f Tritanomaly 0.01% of the population

#4f549b hex color

#4f549b Color Information

#4f549b Color Conversion

Color Schemes with #4f549b

Alternatives to #4f549b

#4f549b Preview

Shades and Tints of #4f549b

Tones of #4f549b

Color Blindness Simulator