colorhexa.com

#4f679a hex color

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

- R 31
- G 40
- B 60
RGB color chart
- C 49
- M 33
- Y 0
- K 40
CMYK color chart

● #4f679a color description : Dark moderate blue.

The hexadecimal color #4f679a has RGB values of R:79, G:103, B:154 and CMYK values of C:0.49, M:0.33, Y:0, K:0.4. Its decimal value is 5203866.

Hex triplet	4f679a	`#4f679a`
RGB Decimal	79, 103, 154	`rgb(79,103,154)`
RGB Percent	31, 40.4, 60.4	`rgb(31%,40.4%,60.4%)`
CMYK	49, 33, 0, 40
HSL	220.8°, 32.2, 45.7	`hsl(220.8,32.2%,45.7%)`
HSV (or HSB)	220.8°, 48.7, 60.4
Web Safe	666699	`#666699`

CIE-LAB	43.793, 5.74, -30.544
XYZ	13.906, 13.695, 32.481
xyY	0.231, 0.228, 13.695
CIE-LCH	43.793, 31.078, 280.643
CIE-LUV	43.793, -12.664, -45.111
Hunter-Lab	37.007, 2.313, -26.133
Binary	01001111, 01100111, 10011010

#4f679a
```
#4f679a rgb(79,103,154)
```
#9a824f
```
#9a824f rgb(154,130,79)
```

Complementary Color

#4f8d9a
```
#4f8d9a rgb(79,141,154)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#5d4f9a
```
#5d4f9a rgb(93,79,154)
```

Analogous Color

#8d9a4f
```
#8d9a4f rgb(141,154,79)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#9a5d4f
```
#9a5d4f rgb(154,93,79)
```

Split Complementary Color

#679a4f
```
#679a4f rgb(103,154,79)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#9a4f67
```
#9a4f67 rgb(154,79,103)
```

Triadic Color

#4f9a82
```
#4f9a82 rgb(79,154,130)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#9a4f67
```
#9a4f67 rgb(154,79,103)
```
#9a824f
```
#9a824f rgb(154,130,79)
```

Tetradic Color

#354567
```
#354567 rgb(53,69,103)
```
#3e5078
```
#3e5078 rgb(62,80,120)
```
#465c89
```
#465c89 rgb(70,92,137)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#5973aa
```
#5973aa rgb(89,115,170)
```
#6a81b2
```
#6a81b2 rgb(106,129,178)
```
#7a8fbb
```
#7a8fbb rgb(122,143,187)
```

Monochromatic Color

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

#4f7a9a
```
#4f7a9a rgb(79,122,154)
```
#4f749a
```
#4f749a rgb(79,116,154)
```
#4f6d9a
```
#4f6d9a rgb(79,109,154)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#4f619a
```
#4f619a rgb(79,97,154)
```
#4f5b9a
```
#4f5b9a rgb(79,91,154)
```
#4f549a
```
#4f549a rgb(79,84,154)
```

Similar Colors

Text with hexadecimal color #4f679a

This text has a font color of #4f679a.

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

#4f679a background color

This paragraph has a background color of #4f679a.

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

#4f679a border color

This element has a border color of #4f679a.

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

CSS codes

.text {color:#4f679a;}

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

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

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

#06080b
```
#06080b rgb(6,8,11)
```
#0c1018
```
#0c1018 rgb(12,16,24)
```
#131925
```
#131925 rgb(19,25,37)
```
#1a2232
```
#1a2232 rgb(26,34,50)
```
#202a3f
```
#202a3f rgb(32,42,63)
```
#27334c
```
#27334c rgb(39,51,76)
```
#2e3c59
```
#2e3c59 rgb(46,60,89)
```
#344466
```
#344466 rgb(52,68,102)
```
#3b4d73
```
#3b4d73 rgb(59,77,115)
```
#425680
```
#425680 rgb(66,86,128)
```
#485e8d
```
#485e8d rgb(72,94,141)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#5670a7
```
#5670a7 rgb(86,112,167)
```

Shade Color Variation

#627aae
```
#627aae rgb(98,122,174)
```
#6f85b5
```
#6f85b5 rgb(111,133,181)
```
#7c90bc
```
#7c90bc rgb(124,144,188)
```
#899bc2
```
#899bc2 rgb(137,155,194)
```
#96a6c9
```
#96a6c9 rgb(150,166,201)
```
#a3b1d0
```
#a3b1d0 rgb(163,177,208)
```
#b0bcd6
```
#b0bcd6 rgb(176,188,214)
```
#bdc7dd
```
#bdc7dd rgb(189,199,221)
```
#cad2e4
```
#cad2e4 rgb(202,210,228)
```
#d7ddea
```
#d7ddea rgb(215,221,234)
```
#e3e8f1
```
#e3e8f1 rgb(227,232,241)
```
#f0f3f8
```
#f0f3f8 rgb(240,243,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#737476
```
#737476 rgb(115,116,118)
```
#6a717f
```
#6a717f rgb(106,113,127)
```
#616d88
```
#616d88 rgb(97,109,136)
```
#586a91
```
#586a91 rgb(88,106,145)
```
#4f679a
```
#4f679a rgb(79,103,154)
```
#4664a3
```
#4664a3 rgb(70,100,163)
```
#3d61ac
```
#3d61ac rgb(61,97,172)
```
#345db5
```
#345db5 rgb(52,93,181)
```
#2b5abe
```
#2b5abe rgb(43,90,190)
```
#2257c7
```
#2257c7 rgb(34,87,199)
```
#1954d0
```
#1954d0 rgb(25,84,208)
```
#1050d9
```
#1050d9 rgb(16,80,217)
```
#074de2
```
#074de2 rgb(7,77,226)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#616670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6d9e Protanopia 1% of men
#586e9f Deuteranopia 1% of men
#4b757e Tritanopia 0.001% of the population

Trichromacy

#586b9c Protanomaly 1% of men, 0.01% of women
#556b9d Deuteranomaly 6% of men, 0.4% of women
#4c7088 Tritanomaly 0.01% of the population