#4060ce hex color

In a RGB color space, hex #4060ce is composed of 25.1% red, 37.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 53.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 226.5 degrees, a saturation of 59.2% and a lightness of 52.9%. #4060ce color hex could be obtained by blending #80c0ff with #00009d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 38
- B 81
RGB color chart
- C 69
- M 53
- Y 0
- K 19
CMYK color chart

● #4060ce color description : Moderate blue.

The hexadecimal color #4060ce has RGB values of R:64, G:96, B:206 and CMYK values of C:0.69, M:0.53, Y:0, K:0.19. Its decimal value is 4219086.

Hex triplet	4060ce	`#4060ce`
RGB Decimal	64, 96, 206	`rgb(64,96,206)`
RGB Percent	25.1, 37.6, 80.8	`rgb(25.1%,37.6%,80.8%)`
CMYK	69, 53, 0, 19
HSL	226.5°, 59.2, 52.9	`hsl(226.5,59.2%,52.9%)`
HSV (or HSB)	226.5°, 68.9, 80.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.105, 25.026, -60.481
XYZ	17.435, 13.911, 60.155
xyY	0.191, 0.152, 13.911
CIE-LCH	44.105, 65.454, 292.479
CIE-LUV	44.105, -15.08, -91.965
Hunter-Lab	37.297, 18.174, -69.518
Binary	01000000, 01100000, 11001110

#4060ce
```
#4060ce rgb(64,96,206)
```
#ceae40
```
#ceae40 rgb(206,174,64)
```

Complementary Color

#40a7ce
```
#40a7ce rgb(64,167,206)
```
#4060ce
```
#4060ce rgb(64,96,206)
```
#6740ce
```
#6740ce rgb(103,64,206)
```

Analogous Color

#a7ce40
```
#a7ce40 rgb(167,206,64)
```
#4060ce
```
#4060ce rgb(64,96,206)
```
#ce6740
```
#ce6740 rgb(206,103,64)
```

Split Complementary Color

#60ce40
```
#60ce40 rgb(96,206,64)
```
#4060ce
```
#4060ce rgb(64,96,206)
```
#ce4060
```
#ce4060 rgb(206,64,96)
```

Triadic Color

#40ceae
```
#40ceae rgb(64,206,174)
```
#4060ce
```
#4060ce rgb(64,96,206)
```
#ce4060
```
#ce4060 rgb(206,64,96)
```
#ceae40
```
#ceae40 rgb(206,174,64)
```

Tetradic Color

#28419a
```
#28419a rgb(40,65,154)
```
#2d4aae
```
#2d4aae rgb(45,74,174)
```
#3253c3
```
#3253c3 rgb(50,83,195)
```
#4060ce
```
#4060ce rgb(64,96,206)
```
#5471d3
```
#5471d3 rgb(84,113,211)
```
#6982d8
```
#6982d8 rgb(105,130,216)
```
#7d93de
```
#7d93de rgb(125,147,222)
```

Monochromatic Color

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

#4084ce
```
#4084ce rgb(64,132,206)
```
#4078ce
```
#4078ce rgb(64,120,206)
```
#406cce
```
#406cce rgb(64,108,206)
```
#4060ce
```
#4060ce rgb(64,96,206)
```
#4054ce
```
#4054ce rgb(64,84,206)
```
#4048ce
```
#4048ce rgb(64,72,206)
```
#4440ce
```
#4440ce rgb(68,64,206)
```

Similar Colors

Text with hexadecimal color #4060ce

This text has a font color of #4060ce.

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

#4060ce background color

This paragraph has a background color of #4060ce.

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

#4060ce border color

This element has a border color of #4060ce.

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

CSS codes

.text {color:#4060ce;}

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

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

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, #03050c is the darkest color, while #fbfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#070c1c
```
#070c1c rgb(7,12,28)
```
#0b122b
```
#0b122b rgb(11,18,43)
```
#0f193b
```
#0f193b rgb(15,25,59)
```
#13204a
```
#13204a rgb(19,32,74)
```
#17265a
```
#17265a rgb(23,38,90)
```
#1b2d6a
```
#1b2d6a rgb(27,45,106)
```
#1f3379
```
#1f3379 rgb(31,51,121)
```
#233a89
```
#233a89 rgb(35,58,137)
```
#274198
```
#274198 rgb(39,65,152)
```
#2b47a8
```
#2b47a8 rgb(43,71,168)
```
#2f4eb8
```
#2f4eb8 rgb(47,78,184)
```
#3355c7
```
#3355c7 rgb(51,85,199)
```

Shade Color Variation

#4060ce
```
#4060ce rgb(64,96,206)
```
#506dd2
```
#506dd2 rgb(80,109,210)
```
#5f7ad6
```
#5f7ad6 rgb(95,122,214)
```
#6f87da
```
#6f87da rgb(111,135,218)
```
#7e94de
```
#7e94de rgb(126,148,222)
```
#8ea1e2
```
#8ea1e2 rgb(142,161,226)
```
#9eaee6
```
#9eaee6 rgb(158,174,230)
```
#adbbea
```
#adbbea rgb(173,187,234)
```
#bdc8ee
```
#bdc8ee rgb(189,200,238)
```
#ccd5f2
```
#ccd5f2 rgb(204,213,242)
```
#dce2f6
```
#dce2f6 rgb(220,226,246)
```
#eceffa
```
#eceffa rgb(236,239,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81838d is the less saturated color, while #1247fc is the most saturated one.

#81838d
```
#81838d rgb(129,131,141)
```
#777e97
```
#777e97 rgb(119,126,151)
```
#6e79a0
```
#6e79a0 rgb(110,121,160)
```
#6574a9
```
#6574a9 rgb(101,116,169)
```
#5c6fb2
```
#5c6fb2 rgb(92,111,178)
```
#526abc
```
#526abc rgb(82,106,188)
```
#4965c5
```
#4965c5 rgb(73,101,197)
```
#4060ce
```
#4060ce rgb(64,96,206)
```
#375bd7
```
#375bd7 rgb(55,91,215)
```
#2e56e0
```
#2e56e0 rgb(46,86,224)
```
#2451ea
```
#2451ea rgb(36,81,234)
```
#1b4cf3
```
#1b4cf3 rgb(27,76,243)
```
#1247fc
```
#1247fc rgb(18,71,252)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5c6278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#106cd4 Protanopia 1% of men
#0072bb Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#2267d2 Protanomaly 1% of men, 0.01% of women
#176bc2 Deuteranomaly 6% of men, 0.4% of women
#17719e Tritanomaly 0.01% of the population

#4060ce hex color

#4060ce Color Information

#4060ce Color Conversion

Color Schemes with #4060ce

Alternatives to #4060ce

#4060ce Preview

Shades and Tints of #4060ce

Tones of #4060ce

Color Blindness Simulator