#4060dd hex color

In a RGB color space, hex #4060dd is composed of 25.1% red, 37.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 56.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 227.8 degrees, a saturation of 69.8% and a lightness of 55.9%. #4060dd color hex could be obtained by blending #80c0ff with #0000bb. 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

● #4060dd color description : Bright blue.

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

Hex triplet	4060dd	`#4060dd`
RGB Decimal	64, 96, 221	`rgb(64,96,221)`
RGB Percent	25.1, 37.6, 86.7	`rgb(25.1%,37.6%,86.7%)`
CMYK	71, 57, 0, 13
HSL	227.8°, 69.8, 55.9	`hsl(227.8,69.8%,55.9%)`
HSV (or HSB)	227.8°, 71, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.186, 30.384, -67.298
XYZ	19.346, 14.675, 70.216
xyY	0.186, 0.141, 14.675
CIE-LCH	45.186, 73.84, 294.298
CIE-LUV	45.186, -15.228, -102.747
Hunter-Lab	38.308, 23.104, -81.859
Binary	01000000, 01100000, 11011101

#4060dd
```
#4060dd rgb(64,96,221)
```
#ddbd40
```
#ddbd40 rgb(221,189,64)
```

Complementary Color

#40afdd
```
#40afdd rgb(64,175,221)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#6f40dd
```
#6f40dd rgb(111,64,221)
```

Analogous Color

#afdd40
```
#afdd40 rgb(175,221,64)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#dd6f40
```
#dd6f40 rgb(221,111,64)
```

Split Complementary Color

#60dd40
```
#60dd40 rgb(96,221,64)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#dd4060
```
#dd4060 rgb(221,64,96)
```

Triadic Color

#40ddbd
```
#40ddbd rgb(64,221,189)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#dd4060
```
#dd4060 rgb(221,64,96)
```
#ddbd40
```
#ddbd40 rgb(221,189,64)
```

Tetradic Color

#203db1
```
#203db1 rgb(32,61,177)
```
#2345c7
```
#2345c7 rgb(35,69,199)
```
#2a4ed9
```
#2a4ed9 rgb(42,78,217)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#5672e1
```
#5672e1 rgb(86,114,225)
```
#6b84e5
```
#6b84e5 rgb(107,132,229)
```
#8196e9
```
#8196e9 rgb(129,150,233)
```

Monochromatic Color

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

#4087dd
```
#4087dd rgb(64,135,221)
```
#407add
```
#407add rgb(64,122,221)
```
#406ddd
```
#406ddd rgb(64,109,221)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#4053dd
```
#4053dd rgb(64,83,221)
```
#4046dd
```
#4046dd rgb(64,70,221)
```
#4740dd
```
#4740dd rgb(71,64,221)
```

Similar Colors

Text with hexadecimal color #4060dd

This text has a font color of #4060dd.

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

#4060dd background color

This paragraph has a background color of #4060dd.

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

#4060dd border color

This element has a border color of #4060dd.

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

CSS codes

.text {color:#4060dd;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#050919
```
#050919 rgb(5,9,25)
```
#070f2a
```
#070f2a rgb(7,15,42)
```
#0a143b
```
#0a143b rgb(10,20,59)
```
#0d1a4b
```
#0d1a4b rgb(13,26,75)
```
#10205c
```
#10205c rgb(16,32,92)
```
#13266d
```
#13266d rgb(19,38,109)
```
#162b7d
```
#162b7d rgb(22,43,125)
```
#19318e
```
#19318e rgb(25,49,142)
```
#1c379f
```
#1c379f rgb(28,55,159)
```
#1f3daf
```
#1f3daf rgb(31,61,175)
```
#2242c0
```
#2242c0 rgb(34,66,192)
```
#2548d1
```
#2548d1 rgb(37,72,209)
```

Shade Color Variation

#2f52da
```
#2f52da rgb(47,82,218)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#516ee0
```
#516ee0 rgb(81,110,224)
```
#617ce3
```
#617ce3 rgb(97,124,227)
```
#728ae6
```
#728ae6 rgb(114,138,230)
```
#8397e9
```
#8397e9 rgb(131,151,233)
```
#93a5ec
```
#93a5ec rgb(147,165,236)
```
#a4b3ef
```
#a4b3ef rgb(164,179,239)
```
#b5c1f2
```
#b5c1f2 rgb(181,193,242)
```
#c5cff5
```
#c5cff5 rgb(197,207,245)
```
#d6ddf8
```
#d6ddf8 rgb(214,221,248)
```
#e7ebfb
```
#e7ebfb rgb(231,235,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#8e8e8f
```
#8e8e8f rgb(142,142,143)
```
#858998
```
#858998 rgb(133,137,152)
```
#7d84a0
```
#7d84a0 rgb(125,132,160)
```
#747fa9
```
#747fa9 rgb(116,127,169)
```
#6b7ab2
```
#6b7ab2 rgb(107,122,178)
```
#6375ba
```
#6375ba rgb(99,117,186)
```
#5a6fc3
```
#5a6fc3 rgb(90,111,195)
```
#516acc
```
#516acc rgb(81,106,204)
```
#4965d4
```
#4965d4 rgb(73,101,212)
```
#4060dd
```
#4060dd rgb(64,96,221)
```
#375be6
```
#375be6 rgb(55,91,230)
```
#2f56ee
```
#2f56ee rgb(47,86,238)
```
#2651f7
```
#2651f7 rgb(38,81,247)
```

Tone Color Variation

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

#006fd9 Protanopia 1% of men
#0075be Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#1769da Protanomaly 1% of men, 0.01% of women
#176dc9 Deuteranomaly 6% of men, 0.4% of women
#1773a5 Tritanomaly 0.01% of the population

#4060dd hex color

#4060dd Color Information

#4060dd Color Conversion

Color Schemes with #4060dd

Alternatives to #4060dd

#4060dd Preview

Shades and Tints of #4060dd

Tones of #4060dd

Color Blindness Simulator