colorhexa.com

#4c60be hex color

In a RGB color space, hex #4c60be is composed of 29.8% red, 37.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 49.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 229.5 degrees, a saturation of 46.7% and a lightness of 52.2%. #4c60be color hex could be obtained by blending #98c0ff with #00007d. Closest websafe color is: #3366cc.

- R 30
- G 38
- B 75
RGB color chart
- C 60
- M 49
- Y 0
- K 25
CMYK color chart

● #4c60be color description : Moderate blue.

The hexadecimal color #4c60be has RGB values of R:76, G:96, B:190 and CMYK values of C:0.6, M:0.49, Y:0, K:0.25. Its decimal value is 5005502.

Hex triplet	4c60be	`#4c60be`
RGB Decimal	76, 96, 190	`rgb(76,96,190)`
RGB Percent	29.8, 37.6, 74.5	`rgb(29.8%,37.6%,74.5%)`
CMYK	60, 49, 0, 25
HSL	229.5°, 46.7, 52.2	`hsl(229.5,46.7%,52.2%)`
HSV (or HSB)	229.5°, 60, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.682, 21.425, -51.887
XYZ	16.456, 13.619, 50.474
xyY	0.204, 0.169, 13.619
CIE-LCH	43.682, 56.136, 292.437
CIE-LUV	43.682, -11.911, -78.925
Hunter-Lab	36.904, 15.012, -55.258
Binary	01001100, 01100000, 10111110

#4c60be
```
#4c60be rgb(76,96,190)
```
#beaa4c
```
#beaa4c rgb(190,170,76)
```

Complementary Color

#4c99be
```
#4c99be rgb(76,153,190)
```
#4c60be
```
#4c60be rgb(76,96,190)
```
#714cbe
```
#714cbe rgb(113,76,190)
```

Analogous Color

#99be4c
```
#99be4c rgb(153,190,76)
```
#4c60be
```
#4c60be rgb(76,96,190)
```
#be714c
```
#be714c rgb(190,113,76)
```

Split Complementary Color

#60be4c
```
#60be4c rgb(96,190,76)
```
#4c60be
```
#4c60be rgb(76,96,190)
```
#be4c60
```
#be4c60 rgb(190,76,96)
```

Triadic Color

#4cbeaa
```
#4cbeaa rgb(76,190,170)
```
#4c60be
```
#4c60be rgb(76,96,190)
```
#be4c60
```
#be4c60 rgb(190,76,96)
```
#beaa4c
```
#beaa4c rgb(190,170,76)
```

Tetradic Color

#32428b
```
#32428b rgb(50,66,139)
```
#394b9e
```
#394b9e rgb(57,75,158)
```
#4054b0
```
#4054b0 rgb(64,84,176)
```
#4c60be
```
#4c60be rgb(76,96,190)
```
#5f71c5
```
#5f71c5 rgb(95,113,197)
```
#7181cc
```
#7181cc rgb(113,129,204)
```
#8492d2
```
#8492d2 rgb(132,146,210)
```

Monochromatic Color

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

#4c7dbe
```
#4c7dbe rgb(76,125,190)
```
#4c73be
```
#4c73be rgb(76,115,190)
```
#4c6abe
```
#4c6abe rgb(76,106,190)
```
#4c60be
```
#4c60be rgb(76,96,190)
```
#4c57be
```
#4c57be rgb(76,87,190)
```
#4c4dbe
```
#4c4dbe rgb(76,77,190)
```
#554cbe
```
#554cbe rgb(85,76,190)
```

Similar Colors

Text with hexadecimal color #4c60be

This text has a font color of #4c60be.

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

#4c60be background color

This paragraph has a background color of #4c60be.

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

#4c60be border color

This element has a border color of #4c60be.

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

CSS codes

.text {color:#4c60be;}

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

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080b16
```
#080b16 rgb(8,11,22)
```
#0d1125
```
#0d1125 rgb(13,17,37)
```
#131833
```
#131833 rgb(19,24,51)
```
#181f42
```
#181f42 rgb(24,31,66)
```
#1d2650
```
#1d2650 rgb(29,38,80)
```
#222d5e
```
#222d5e rgb(34,45,94)
```
#28346d
```
#28346d rgb(40,52,109)
```
#2d3a7b
```
#2d3a7b rgb(45,58,123)
```
#32418a
```
#32418a rgb(50,65,138)
```
#374898
```
#374898 rgb(55,72,152)
```
#3c4fa6
```
#3c4fa6 rgb(60,79,166)
```
#4256b5
```
#4256b5 rgb(66,86,181)
```

Shade Color Variation

#4c60be
```
#4c60be rgb(76,96,190)
```
#5a6dc3
```
#5a6dc3 rgb(90,109,195)
```
#697ac8
```
#697ac8 rgb(105,122,200)
```
#7786ce
```
#7786ce rgb(119,134,206)
```
#8693d3
```
#8693d3 rgb(134,147,211)
```
#94a0d8
```
#94a0d8 rgb(148,160,216)
```
#a2addd
```
#a2addd rgb(162,173,221)
```
#b1b9e3
```
#b1b9e3 rgb(177,185,227)
```
#bfc6e8
```
#bfc6e8 rgb(191,198,232)
```
#ced3ed
```
#ced3ed rgb(206,211,237)
```
#dce0f2
```
#dce0f2 rgb(220,224,242)
```
#eaedf7
```
#eaedf7 rgb(234,237,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#848586
```
#848586 rgb(132,133,134)
```
#7b7e8f
```
#7b7e8f rgb(123,126,143)
```
#727898
```
#727898 rgb(114,120,152)
```
#6872a2
```
#6872a2 rgb(104,114,162)
```
#5f6cab
```
#5f6cab rgb(95,108,171)
```
#5566b5
```
#5566b5 rgb(85,102,181)
```
#4c60be
```
#4c60be rgb(76,96,190)
```
#435ac7
```
#435ac7 rgb(67,90,199)
```
#3954d1
```
#3954d1 rgb(57,84,209)
```
#304eda
```
#304eda rgb(48,78,218)
```
#2648e4
```
#2648e4 rgb(38,72,228)
```
#1d42ed
```
#1d42ed rgb(29,66,237)
```
#143bf6
```
#143bf6 rgb(20,59,246)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#606477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#396cc4 Protanopia 1% of men
#0070bc Deuteranopia 1% of men
#2d7881 Tritanopia 0.001% of the population

Trichromacy

#4067c2 Protanomaly 1% of men, 0.01% of women
#1b6abc Deuteranomaly 6% of men, 0.4% of women
#386f97 Tritanomaly 0.01% of the population