colorhexa.com

#4060d7 hex color

In a RGB color space, hex #4060d7 is composed of 25.1% red, 37.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 55.3% magenta, 0% yellow and 15.7% black. It has a hue angle of 227.3 degrees, a saturation of 65.4% and a lightness of 54.7%. #4060d7 color hex could be obtained by blending #80c0ff with #0000af. Closest websafe color is: #3366cc.

- R 25
- G 38
- B 84
RGB color chart
- C 70
- M 55
- Y 0
- K 16
CMYK color chart

● #4060d7 color description : Moderate blue.

The hexadecimal color #4060d7 has RGB values of R:64, G:96, B:215 and CMYK values of C:0.7, M:0.55, Y:0, K:0.16. Its decimal value is 4219095.

Hex triplet	4060d7	`#4060d7`
RGB Decimal	64, 96, 215	`rgb(64,96,215)`
RGB Percent	25.1, 37.6, 84.3	`rgb(25.1%,37.6%,84.3%)`
CMYK	70, 55, 0, 16
HSL	227.3°, 65.4, 54.7	`hsl(227.3,65.4%,54.7%)`
HSV (or HSB)	227.3°, 70.2, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.746, 28.245, -64.595
XYZ	18.56, 14.361, 66.08
xyY	0.187, 0.145, 14.361
CIE-LCH	44.746, 70.5, 293.618
CIE-LUV	44.746, -15.164, -98.481
Hunter-Lab	37.896, 21.107, -76.859
Binary	01000000, 01100000, 11010111

#4060d7
```
#4060d7 rgb(64,96,215)
```
#d7b740
```
#d7b740 rgb(215,183,64)
```

Complementary Color

#40acd7
```
#40acd7 rgb(64,172,215)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#6c40d7
```
#6c40d7 rgb(108,64,215)
```

Analogous Color

#acd740
```
#acd740 rgb(172,215,64)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#d76c40
```
#d76c40 rgb(215,108,64)
```

Split Complementary Color

#60d740
```
#60d740 rgb(96,215,64)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#d74060
```
#d74060 rgb(215,64,96)
```

Triadic Color

#40d7b7
```
#40d7b7 rgb(64,215,183)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#d74060
```
#d74060 rgb(215,64,96)
```
#d7b740
```
#d7b740 rgb(215,183,64)
```

Tetradic Color

#233fa7
```
#233fa7 rgb(35,63,167)
```
#2747bd
```
#2747bd rgb(39,71,189)
```
#2c4fd2
```
#2c4fd2 rgb(44,79,210)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#5572db
```
#5572db rgb(85,114,219)
```
#6a83e0
```
#6a83e0 rgb(106,131,224)
```
#7f95e4
```
#7f95e4 rgb(127,149,228)
```

Monochromatic Color

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

#4086d7
```
#4086d7 rgb(64,134,215)
```
#4079d7
```
#4079d7 rgb(64,121,215)
```
#406dd7
```
#406dd7 rgb(64,109,215)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#4053d7
```
#4053d7 rgb(64,83,215)
```
#4047d7
```
#4047d7 rgb(64,71,215)
```
#4640d7
```
#4640d7 rgb(70,64,215)
```

Similar Colors

Text with hexadecimal color #4060d7

This text has a font color of #4060d7.

<span style="color:#4060d7;">Text here</span>

#4060d7 background color

This paragraph has a background color of #4060d7.

<p style="background-color:#4060d7;">Content here</p>

#4060d7 border color

This element has a border color of #4060d7.

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

CSS codes

.text {color:#4060d7;}

.background {background-color:#4060d7;}

.border {border:1px solid #4060d7;}

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

#010104
```
#010104 rgb(1,1,4)
```
#040714
```
#040714 rgb(4,7,20)
```
#080e24
```
#080e24 rgb(8,14,36)
```
#0b1434
```
#0b1434 rgb(11,20,52)
```
#0e1a45
```
#0e1a45 rgb(14,26,69)
```
#122055
```
#122055 rgb(18,32,85)
```
#152665
```
#152665 rgb(21,38,101)
```
#192c75
```
#192c75 rgb(25,44,117)
```
#1c3285
```
#1c3285 rgb(28,50,133)
```
#1f3896
```
#1f3896 rgb(31,56,150)
```
#233fa6
```
#233fa6 rgb(35,63,166)
```
#2645b6
```
#2645b6 rgb(38,69,182)
```
#2a4bc6
```
#2a4bc6 rgb(42,75,198)
```

Shade Color Variation

#3052d4
```
#3052d4 rgb(48,82,212)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#506eda
```
#506eda rgb(80,110,218)
```
#607bde
```
#607bde rgb(96,123,222)
```
#7189e1
```
#7189e1 rgb(113,137,225)
```
#8196e5
```
#8196e5 rgb(129,150,229)
```
#91a4e8
```
#91a4e8 rgb(145,164,232)
```
#a1b1eb
```
#a1b1eb rgb(161,177,235)
```
#b2bfef
```
#b2bfef rgb(178,191,239)
```
#c2ccf2
```
#c2ccf2 rgb(194,204,242)
```
#d2daf6
```
#d2daf6 rgb(210,218,246)
```
#e2e7f9
```
#e2e7f9 rgb(226,231,249)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

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

#878990
```
#878990 rgb(135,137,144)
```
#7e8499
```
#7e8499 rgb(126,132,153)
```
#757fa2
```
#757fa2 rgb(117,127,162)
```
#6c7aab
```
#6c7aab rgb(108,122,171)
```
#6474b3
```
#6474b3 rgb(100,116,179)
```
#5b6fbc
```
#5b6fbc rgb(91,111,188)
```
#526ac5
```
#526ac5 rgb(82,106,197)
```
#4965ce
```
#4965ce rgb(73,101,206)
```
#4060d7
```
#4060d7 rgb(64,96,215)
```
#375be0
```
#375be0 rgb(55,91,224)
```
#2e56e9
```
#2e56e9 rgb(46,86,233)
```
#2551f2
```
#2551f2 rgb(37,81,242)
```
#1c4cfb
```
#1c4cfb rgb(28,76,251)
```

Tone Color Variation

Below, you can see how #4060d7 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

#646464 Achromatopsia 0.005% of the population
#5d637b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bd Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#1768d7 Protanomaly 1% of men, 0.01% of women
#176cc6 Deuteranomaly 6% of men, 0.4% of women
#1772a2 Tritanomaly 0.01% of the population