#4060df hex color

In a RGB color space, hex #4060df is composed of 25.1% red, 37.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 57% magenta, 0% yellow and 12.5% black. It has a hue angle of 227.9 degrees, a saturation of 71.3% and a lightness of 56.3%. #4060df color hex could be obtained by blending #80c0ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 38
- B 87
RGB color chart
- C 71
- M 57
- Y 0
- K 13
CMYK color chart

● #4060df color description : Bright blue.

The hexadecimal color #4060df has RGB values of R:64, G:96, B:223 and CMYK values of C:0.71, M:0.57, Y:0, K:0.13. Its decimal value is 4219103.

Hex triplet	4060df	`#4060df`
RGB Decimal	64, 96, 223	`rgb(64,96,223)`
RGB Percent	25.1, 37.6, 87.5	`rgb(25.1%,37.6%,87.5%)`
CMYK	71, 57, 0, 13
HSL	227.9°, 71.3, 56.3	`hsl(227.9,71.3%,56.3%)`
HSV (or HSB)	227.9°, 71.3, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.334, 31.096, -68.193
XYZ	19.614, 14.782, 71.628
xyY	0.185, 0.139, 14.782
CIE-LCH	45.334, 74.948, 294.513
CIE-LUV	45.334, -15.25, -104.155
Hunter-Lab	38.448, 23.777, -83.543
Binary	01000000, 01100000, 11011111

#4060df
```
#4060df rgb(64,96,223)
```
#dfbf40
```
#dfbf40 rgb(223,191,64)
```

Complementary Color

#40b0df
```
#40b0df rgb(64,176,223)
```
#4060df
```
#4060df rgb(64,96,223)
```
#7040df
```
#7040df rgb(112,64,223)
```

Analogous Color

#b0df40
```
#b0df40 rgb(176,223,64)
```
#4060df
```
#4060df rgb(64,96,223)
```
#df7040
```
#df7040 rgb(223,112,64)
```

Split Complementary Color

#60df40
```
#60df40 rgb(96,223,64)
```
#4060df
```
#4060df rgb(64,96,223)
```
#df4060
```
#df4060 rgb(223,64,96)
```

Triadic Color

#40dfbf
```
#40dfbf rgb(64,223,191)
```
#4060df
```
#4060df rgb(64,96,223)
```
#df4060
```
#df4060 rgb(223,64,96)
```
#dfbf40
```
#dfbf40 rgb(223,191,64)
```

Tetradic Color

#1e3cb4
```
#1e3cb4 rgb(30,60,180)
```
#2244ca
```
#2244ca rgb(34,68,202)
```
#2a4edb
```
#2a4edb rgb(42,78,219)
```
#4060df
```
#4060df rgb(64,96,223)
```
#5672e3
```
#5672e3 rgb(86,114,227)
```
#6c84e6
```
#6c84e6 rgb(108,132,230)
```
#8297ea
```
#8297ea rgb(130,151,234)
```

Monochromatic Color

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

#4088df
```
#4088df rgb(64,136,223)
```
#407bdf
```
#407bdf rgb(64,123,223)
```
#406ddf
```
#406ddf rgb(64,109,223)
```
#4060df
```
#4060df rgb(64,96,223)
```
#4053df
```
#4053df rgb(64,83,223)
```
#4046df
```
#4046df rgb(64,70,223)
```
#4840df
```
#4840df rgb(72,64,223)
```

Similar Colors

Text with hexadecimal color #4060df

This text has a font color of #4060df.

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

#4060df background color

This paragraph has a background color of #4060df.

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

#4060df border color

This element has a border color of #4060df.

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

CSS codes

.text {color:#4060df;}

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

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

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, #02040b is the darkest color, while #f9fafe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#05091b
```
#05091b rgb(5,9,27)
```
#070f2c
```
#070f2c rgb(7,15,44)
```
#0a143d
```
#0a143d rgb(10,20,61)
```
#0d1a4e
```
#0d1a4e rgb(13,26,78)
```
#10205f
```
#10205f rgb(16,32,95)
```
#13256f
```
#13256f rgb(19,37,111)
```
#152b80
```
#152b80 rgb(21,43,128)
```
#183191
```
#183191 rgb(24,49,145)
```
#1b36a2
```
#1b36a2 rgb(27,54,162)
```
#1e3cb3
```
#1e3cb3 rgb(30,60,179)
```
#2141c3
```
#2141c3 rgb(33,65,195)
```
#2447d4
```
#2447d4 rgb(36,71,212)
```

Shade Color Variation

#2f52dc
```
#2f52dc rgb(47,82,220)
```
#4060df
```
#4060df rgb(64,96,223)
```
#516ee2
```
#516ee2 rgb(81,110,226)
```
#627ce5
```
#627ce5 rgb(98,124,229)
```
#728ae7
```
#728ae7 rgb(114,138,231)
```
#8398ea
```
#8398ea rgb(131,152,234)
```
#94a6ed
```
#94a6ed rgb(148,166,237)
```
#a5b4f0
```
#a5b4f0 rgb(165,180,240)
```
#b6c2f3
```
#b6c2f3 rgb(182,194,243)
```
#c6d0f6
```
#c6d0f6 rgb(198,208,246)
```
#d7def8
```
#d7def8 rgb(215,222,248)
```
#e8ecfb
```
#e8ecfb rgb(232,236,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8e92 is the less saturated color, while #2651f9 is the most saturated one.

#8d8e92
```
#8d8e92 rgb(141,142,146)
```
#85899a
```
#85899a rgb(133,137,154)
```
#7c84a3
```
#7c84a3 rgb(124,132,163)
```
#737fac
```
#737fac rgb(115,127,172)
```
#6b7ab4
```
#6b7ab4 rgb(107,122,180)
```
#6274bd
```
#6274bd rgb(98,116,189)
```
#5a6fc5
```
#5a6fc5 rgb(90,111,197)
```
#516ace
```
#516ace rgb(81,106,206)
```
#4965d6
```
#4965d6 rgb(73,101,214)
```
#4060df
```
#4060df rgb(64,96,223)
```
#375be8
```
#375be8 rgb(55,91,232)
```
#2f56f0
```
#2f56f0 rgb(47,86,240)
```
#2651f9
```
#2651f9 rgb(38,81,249)
```

Tone Color Variation

Below, you can see how #4060df 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
#5e647d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0075bf Deuteranopia 1% of men
#007e86 Tritanopia 0.001% of the population

Trichromacy

#1769dc Protanomaly 1% of men, 0.01% of women
#176dca Deuteranomaly 6% of men, 0.4% of women
#1773a6 Tritanomaly 0.01% of the population

#4060df hex color

#4060df Color Information

#4060df Color Conversion

Color Schemes with #4060df

Alternatives to #4060df

#4060df Preview

Shades and Tints of #4060df

Tones of #4060df

Color Blindness Simulator