colorhexa.com

#4f72c5 hex color

In a RGB color space, hex #4f72c5 is composed of 31% red, 44.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 42.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 222.2 degrees, a saturation of 50.4% and a lightness of 54.1%. #4f72c5 color hex could be obtained by blending #9ee4ff with #00008b. Closest websafe color is: #6666cc.

- R 31
- G 45
- B 77
RGB color chart
- C 60
- M 42
- Y 0
- K 23
CMYK color chart

● #4f72c5 color description : Moderate blue.

The hexadecimal color #4f72c5 has RGB values of R:79, G:114, B:197 and CMYK values of C:0.6, M:0.42, Y:0, K:0.23. Its decimal value is 5206725.

Hex triplet	4f72c5	`#4f72c5`
RGB Decimal	79, 114, 197	`rgb(79,114,197)`
RGB Percent	31, 44.7, 77.3	`rgb(31%,44.7%,77.3%)`
CMYK	60, 42, 0, 23
HSL	222.2°, 50.4, 54.1	`hsl(222.2,50.4%,54.1%)`
HSV (or HSB)	222.2°, 59.9, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.163, 13.097, -47.146
XYZ	19.318, 17.727, 55.224
xyY	0.209, 0.192, 17.727
CIE-LCH	49.163, 48.932, 285.525
CIE-LUV	49.163, -16.917, -73.179
Hunter-Lab	42.103, 8.217, -48.294
Binary	01001111, 01110010, 11000101

#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#c5a24f
```
#c5a24f rgb(197,162,79)
```

Complementary Color

#4fadc5
```
#4fadc5 rgb(79,173,197)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#674fc5
```
#674fc5 rgb(103,79,197)
```

Analogous Color

#adc54f
```
#adc54f rgb(173,197,79)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#c5674f
```
#c5674f rgb(197,103,79)
```

Split Complementary Color

#72c54f
```
#72c54f rgb(114,197,79)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#c54f72
```
#c54f72 rgb(197,79,114)
```

Triadic Color

#4fc5a2
```
#4fc5a2 rgb(79,197,162)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#c54f72
```
#c54f72 rgb(197,79,114)
```
#c5a24f
```
#c5a24f rgb(197,162,79)
```

Tetradic Color

#314f96
```
#314f96 rgb(49,79,150)
```
#3859a9
```
#3859a9 rgb(56,89,169)
```
#3e64bc
```
#3e64bc rgb(62,100,188)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#6281cb
```
#6281cb rgb(98,129,203)
```
#7591d2
```
#7591d2 rgb(117,145,210)
```
#89a0d8
```
#89a0d8 rgb(137,160,216)
```

Monochromatic Color

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

#4f90c5
```
#4f90c5 rgb(79,144,197)
```
#4f86c5
```
#4f86c5 rgb(79,134,197)
```
#4f7cc5
```
#4f7cc5 rgb(79,124,197)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#4f68c5
```
#4f68c5 rgb(79,104,197)
```
#4f5ec5
```
#4f5ec5 rgb(79,94,197)
```
#4f55c5
```
#4f55c5 rgb(79,85,197)
```

Similar Colors

Text with hexadecimal color #4f72c5

This text has a font color of #4f72c5.

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

#4f72c5 background color

This paragraph has a background color of #4f72c5.

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

#4f72c5 border color

This element has a border color of #4f72c5.

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

CSS codes

.text {color:#4f72c5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050810
```
#050810 rgb(5,8,16)
```
#0a101f
```
#0a101f rgb(10,16,31)
```
#0f182d
```
#0f182d rgb(15,24,45)
```
#14203c
```
#14203c rgb(20,32,60)
```
#19284b
```
#19284b rgb(25,40,75)
```
#1e2f5a
```
#1e2f5a rgb(30,47,90)
```
#223768
```
#223768 rgb(34,55,104)
```
#273f77
```
#273f77 rgb(39,63,119)
```
#2c4786
```
#2c4786 rgb(44,71,134)
```
#314f95
```
#314f95 rgb(49,79,149)
```
#3656a3
```
#3656a3 rgb(54,86,163)
```
#3b5eb2
```
#3b5eb2 rgb(59,94,178)
```

Shade Color Variation

#4066c0
```
#4066c0 rgb(64,102,192)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#5e7eca
```
#5e7eca rgb(94,126,202)
```
#6d8acf
```
#6d8acf rgb(109,138,207)
```
#7b95d4
```
#7b95d4 rgb(123,149,212)
```
#8aa1d8
```
#8aa1d8 rgb(138,161,216)
```
#99addd
```
#99addd rgb(153,173,221)
```
#a8b9e2
```
#a8b9e2 rgb(168,185,226)
```
#b6c5e7
```
#b6c5e7 rgb(182,197,231)
```
#c5d1ec
```
#c5d1ec rgb(197,209,236)
```
#d4dcf1
```
#d4dcf1 rgb(212,220,241)
```
#e3e8f6
```
#e3e8f6 rgb(227,232,246)
```
#f1f4fa
```
#f1f4fa rgb(241,244,250)
```

Tint Color Variation

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

#85888f
```
#85888f rgb(133,136,143)
```
#7c8498
```
#7c8498 rgb(124,132,152)
```
#7381a1
```
#7381a1 rgb(115,129,161)
```
#6a7daa
```
#6a7daa rgb(106,125,170)
```
#6179b3
```
#6179b3 rgb(97,121,179)
```
#5876bc
```
#5876bc rgb(88,118,188)
```
#4f72c5
```
#4f72c5 rgb(79,114,197)
```
#466ece
```
#466ece rgb(70,110,206)
```
#3d6bd7
```
#3d6bd7 rgb(61,107,215)
```
#3467e0
```
#3467e0 rgb(52,103,224)
```
#2b63e9
```
#2b63e9 rgb(43,99,233)
```
#2260f2
```
#2260f2 rgb(34,96,242)
```
#195cfb
```
#195cfb rgb(25,92,251)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6a7182 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5779c8 Protanopia 1% of men
#427dc6 Deuteranopia 1% of men
#368690 Tritanopia 0.001% of the population

Trichromacy

#5476c6 Protanomaly 1% of men, 0.01% of women
#4779c5 Deuteranomaly 6% of men, 0.4% of women
#3f7ea3 Tritanomaly 0.01% of the population