#4f549a hex color

In a RGB color space, hex #4f549a is composed of 31% red, 32.9% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 48.7% cyan, 45.5% magenta, 0% yellow and 39.6% black. It has a hue angle of 236 degrees, a saturation of 32.2% and a lightness of 45.7%. #4f549a color hex could be obtained by blending #9ea8ff with #000035. Closest websafe color is: #666699.

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

● #4f549a color description : Dark moderate blue.

The hexadecimal color #4f549a has RGB values of R:79, G:84, B:154 and CMYK values of C:0.49, M:0.45, Y:0, K:0.4. Its decimal value is 5199002.

Hex triplet	4f549a	`#4f549a`
RGB Decimal	79, 84, 154	`rgb(79,84,154)`
RGB Percent	31, 32.9, 60.4	`rgb(31%,32.9%,60.4%)`
CMYK	49, 45, 0, 40
HSL	236°, 32.2, 45.7	`hsl(236,32.2%,45.7%)`
HSV (or HSB)	236°, 48.7, 60.4
Web Safe	666699	`#666699`

CIE-LAB	38.438, 17.753, -39.003
XYZ	12.226, 10.336, 31.921
xyY	0.224, 0.19, 10.336
CIE-LCH	38.438, 42.853, 294.473
CIE-LUV	38.438, -5.948, -57.304
Hunter-Lab	32.149, 11.623, -36.365
Binary	01001111, 01010100, 10011010

#4f549a
```
#4f549a rgb(79,84,154)
```
#9a954f
```
#9a954f rgb(154,149,79)
```

Complementary Color

#4f7a9a
```
#4f7a9a rgb(79,122,154)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#704f9a
```
#704f9a rgb(112,79,154)
```

Analogous Color

#7a9a4f
```
#7a9a4f rgb(122,154,79)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#9a704f
```
#9a704f rgb(154,112,79)
```

Split Complementary Color

#549a4f
```
#549a4f rgb(84,154,79)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#9a4f54
```
#9a4f54 rgb(154,79,84)
```

Triadic Color

#4f9a95
```
#4f9a95 rgb(79,154,149)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#9a4f54
```
#9a4f54 rgb(154,79,84)
```
#9a954f
```
#9a954f rgb(154,149,79)
```

Tetradic Color

#353867
```
#353867 rgb(53,56,103)
```
#3e4278
```
#3e4278 rgb(62,66,120)
```
#464b89
```
#464b89 rgb(70,75,137)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#595eaa
```
#595eaa rgb(89,94,170)
```
#6a6eb2
```
#6a6eb2 rgb(106,110,178)
```
#7a7fbb
```
#7a7fbb rgb(122,127,187)
```

Monochromatic Color

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

#4f679a
```
#4f679a rgb(79,103,154)
```
#4f619a
```
#4f619a rgb(79,97,154)
```
#4f5a9a
```
#4f5a9a rgb(79,90,154)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#504f9a
```
#504f9a rgb(80,79,154)
```
#574f9a
```
#574f9a rgb(87,79,154)
```
#5d4f9a
```
#5d4f9a rgb(93,79,154)
```

Similar Colors

Text with hexadecimal color #4f549a

This text has a font color of #4f549a.

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

#4f549a background color

This paragraph has a background color of #4f549a.

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

#4f549a border color

This element has a border color of #4f549a.

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

CSS codes

.text {color:#4f549a;}

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

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

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, #06060b is the darkest color, while #fdfdfe is the lightest one.

#06060b
```
#06060b rgb(6,6,11)
```
#0c0d18
```
#0c0d18 rgb(12,13,24)
```
#131425
```
#131425 rgb(19,20,37)
```
#1a1b32
```
#1a1b32 rgb(26,27,50)
```
#20223f
```
#20223f rgb(32,34,63)
```
#272a4c
```
#272a4c rgb(39,42,76)
```
#2e3159
```
#2e3159 rgb(46,49,89)
```
#343866
```
#343866 rgb(52,56,102)
```
#3b3f73
```
#3b3f73 rgb(59,63,115)
```
#424680
```
#424680 rgb(66,70,128)
```
#484d8d
```
#484d8d rgb(72,77,141)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#565ba7
```
#565ba7 rgb(86,91,167)
```

Shade Color Variation

#6267ae
```
#6267ae rgb(98,103,174)
```
#6f73b5
```
#6f73b5 rgb(111,115,181)
```
#7c80bc
```
#7c80bc rgb(124,128,188)
```
#898dc2
```
#898dc2 rgb(137,141,194)
```
#9699c9
```
#9699c9 rgb(150,153,201)
```
#a3a6d0
```
#a3a6d0 rgb(163,166,208)
```
#b0b2d6
```
#b0b2d6 rgb(176,178,214)
```
#bdbfdd
```
#bdbfdd rgb(189,191,221)
```
#cacbe4
```
#cacbe4 rgb(202,203,228)
```
#d7d8ea
```
#d7d8ea rgb(215,216,234)
```
#e3e4f1
```
#e3e4f1 rgb(227,228,241)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#737376
```
#737376 rgb(115,115,118)
```
#6a6b7f
```
#6a6b7f rgb(106,107,127)
```
#616488
```
#616488 rgb(97,100,136)
```
#585c91
```
#585c91 rgb(88,92,145)
```
#4f549a
```
#4f549a rgb(79,84,154)
```
#464ca3
```
#464ca3 rgb(70,76,163)
```
#3d44ac
```
#3d44ac rgb(61,68,172)
```
#343db5
```
#343db5 rgb(52,61,181)
```
#2b35be
```
#2b35be rgb(43,53,190)
```
#222dc7
```
#222dc7 rgb(34,45,199)
```
#1925d0
```
#1925d0 rgb(25,37,208)
```
#101ed9
```
#101ed9 rgb(16,30,217)
```
#0716e2
```
#0716e2 rgb(7,22,226)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585967 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4360a2 Protanopia 1% of men
#39639c Deuteranopia 1% of men
#46686f Tritanopia 0.001% of the population

Trichromacy

#475c9f Protanomaly 1% of men, 0.01% of women
#415d9b Deuteranomaly 6% of men, 0.4% of women
#49607f Tritanomaly 0.01% of the population

#4f549a hex color

#4f549a Color Information

#4f549a Color Conversion

Color Schemes with #4f549a

Alternatives to #4f549a

#4f549a Preview

Shades and Tints of #4f549a

Tones of #4f549a

Color Blindness Simulator