#4f60c6 hex color

In a RGB color space, hex #4f60c6 is composed of 31% red, 37.6% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 51.5% magenta, 0% yellow and 22.4% black. It has a hue angle of 231.4 degrees, a saturation of 51.1% and a lightness of 54.3%. #4f60c6 color hex could be obtained by blending #9ec0ff with #00008d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 38
- B 78
RGB color chart
- C 60
- M 52
- Y 0
- K 22
CMYK color chart

● #4f60c6 color description : Moderate blue.

The hexadecimal color #4f60c6 has RGB values of R:79, G:96, B:198 and CMYK values of C:0.6, M:0.52, Y:0, K:0.22. Its decimal value is 5202118.

Hex triplet	4f60c6	`#4f60c6`
RGB Decimal	79, 96, 198	`rgb(79,96,198)`
RGB Percent	31, 37.6, 77.6	`rgb(31%,37.6%,77.6%)`
CMYK	60, 52, 0, 22
HSL	231.4°, 51.1, 54.3	`hsl(231.4,51.1%,54.3%)`
HSV (or HSB)	231.4°, 60.1, 77.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.382, 24.711, -55.384
XYZ	17.598, 14.104, 55.218
xyY	0.202, 0.162, 14.104
CIE-LCH	44.382, 60.647, 294.046
CIE-LUV	44.382, -11.278, -84.712
Hunter-Lab	37.556, 17.921, -60.885
Binary	01001111, 01100000, 11000110

#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#c6b54f
```
#c6b54f rgb(198,181,79)
```

Complementary Color

#4f9cc6
```
#4f9cc6 rgb(79,156,198)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#7a4fc6
```
#7a4fc6 rgb(122,79,198)
```

Analogous Color

#9cc64f
```
#9cc64f rgb(156,198,79)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#c67a4f
```
#c67a4f rgb(198,122,79)
```

Split Complementary Color

#60c64f
```
#60c64f rgb(96,198,79)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#c64f60
```
#c64f60 rgb(198,79,96)
```

Triadic Color

#4fc6b5
```
#4fc6b5 rgb(79,198,181)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#c64f60
```
#c64f60 rgb(198,79,96)
```
#c6b54f
```
#c6b54f rgb(198,181,79)
```

Tetradic Color

#314097
```
#314097 rgb(49,64,151)
```
#3748ab
```
#3748ab rgb(55,72,171)
```
#3e50be
```
#3e50be rgb(62,80,190)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#6271cc
```
#6271cc rgb(98,113,204)
```
#7683d2
```
#7683d2 rgb(118,131,210)
```
#8994d9
```
#8994d9 rgb(137,148,217)
```

Monochromatic Color

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

#4f7ec6
```
#4f7ec6 rgb(79,126,198)
```
#4f74c6
```
#4f74c6 rgb(79,116,198)
```
#4f6ac6
```
#4f6ac6 rgb(79,106,198)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#4f56c6
```
#4f56c6 rgb(79,86,198)
```
#524fc6
```
#524fc6 rgb(82,79,198)
```
#5c4fc6
```
#5c4fc6 rgb(92,79,198)
```

Similar Colors

Text with hexadecimal color #4f60c6

This text has a font color of #4f60c6.

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

#4f60c6 background color

This paragraph has a background color of #4f60c6.

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

#4f60c6 border color

This element has a border color of #4f60c6.

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

CSS codes

.text {color:#4f60c6;}

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

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

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 #f2f3fb is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#050711
```
#050711 rgb(5,7,17)
```
#0a0d1f
```
#0a0d1f rgb(10,13,31)
```
#0f132e
```
#0f132e rgb(15,19,46)
```
#141a3d
```
#141a3d rgb(20,26,61)
```
#19204c
```
#19204c rgb(25,32,76)
```
#1d265b
```
#1d265b rgb(29,38,91)
```
#222c6a
```
#222c6a rgb(34,44,106)
```
#273378
```
#273378 rgb(39,51,120)
```
#2c3987
```
#2c3987 rgb(44,57,135)
```
#313f96
```
#313f96 rgb(49,63,150)
```
#3545a5
```
#3545a5 rgb(53,69,165)
```
#3a4cb4
```
#3a4cb4 rgb(58,76,180)
```

Shade Color Variation

#4053c1
```
#4053c1 rgb(64,83,193)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#5e6dcb
```
#5e6dcb rgb(94,109,203)
```
#6d7bd0
```
#6d7bd0 rgb(109,123,208)
```
#7b88d4
```
#7b88d4 rgb(123,136,212)
```
#8a96d9
```
#8a96d9 rgb(138,150,217)
```
#99a3de
```
#99a3de rgb(153,163,222)
```
#a8b0e3
```
#a8b0e3 rgb(168,176,227)
```
#b7bee8
```
#b7bee8 rgb(183,190,232)
```
#c6cbec
```
#c6cbec rgb(198,203,236)
```
#d4d8f1
```
#d4d8f1 rgb(212,216,241)
```
#e3e6f6
```
#e3e6f6 rgb(227,230,246)
```
#f2f3fb
```
#f2f3fb rgb(242,243,251)
```

Tint Color Variation

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

#858690
```
#858690 rgb(133,134,144)
```
#7c8099
```
#7c8099 rgb(124,128,153)
```
#737aa2
```
#737aa2 rgb(115,122,162)
```
#6a73ab
```
#6a73ab rgb(106,115,171)
```
#616db4
```
#616db4 rgb(97,109,180)
```
#5866bd
```
#5866bd rgb(88,102,189)
```
#4f60c6
```
#4f60c6 rgb(79,96,198)
```
#465acf
```
#465acf rgb(70,90,207)
```
#3d53d8
```
#3d53d8 rgb(61,83,216)
```
#344de1
```
#344de1 rgb(52,77,225)
```
#2b46ea
```
#2b46ea rgb(43,70,234)
```
#2240f3
```
#2240f3 rgb(34,64,243)
```
#193afc
```
#193afc rgb(25,58,252)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#62667a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f6dcd Protanopia 1% of men
#0072be Deuteranopia 1% of men
#2c7a83 Tritanopia 0.001% of the population

Trichromacy

#3b68ca Protanomaly 1% of men, 0.01% of women
#1c6bc1 Deuteranomaly 6% of men, 0.4% of women
#38709b Tritanomaly 0.01% of the population

#4f60c6 hex color

#4f60c6 Color Information

#4f60c6 Color Conversion

Color Schemes with #4f60c6

Alternatives to #4f60c6

#4f60c6 Preview

Shades and Tints of #4f60c6

Tones of #4f60c6

Color Blindness Simulator