#4040ff hex color

In a RGB color space, hex #4040ff is composed of 25.1% red, 25.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 74.9% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 62.5%. #4040ff color hex could be obtained by blending #8080ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 25
- B 100
RGB color chart
- C 75
- M 75
- Y 0
- K 0
CMYK color chart

● #4040ff color description : Light blue.

The hexadecimal color #4040ff has RGB values of R:64, G:64, B:255 and CMYK values of C:0.75, M:0.75, Y:0, K:0. Its decimal value is 4210943.

Hex triplet	4040ff	`#4040ff`
RGB Decimal	64, 64, 255	`rgb(64,64,255)`
RGB Percent	25.1, 25.1, 100	`rgb(25.1%,25.1%,100%)`
CMYK	75, 75, 0, 0
HSL	240°, 100, 62.5	`hsl(240,100%,62.5%)`
HSV (or HSB)	240°, 74.9, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.177, 60.515, -93.034
XYZ	21.994, 11.975, 95.755
xyY	0.17, 0.092, 11.975
CIE-LCH	41.177, 110.984, 303.043
CIE-LUV	41.177, -9.575, -132.69
Hunter-Lab	34.606, 52.889, -139.834
Binary	01000000, 01000000, 11111111

#4040ff
```
#4040ff rgb(64,64,255)
```
#ffff40
```
#ffff40 rgb(255,255,64)
```

Complementary Color

#40a0ff
```
#40a0ff rgb(64,160,255)
```
#4040ff
```
#4040ff rgb(64,64,255)
```
#a040ff
```
#a040ff rgb(160,64,255)
```

Analogous Color

#a0ff40
```
#a0ff40 rgb(160,255,64)
```
#4040ff
```
#4040ff rgb(64,64,255)
```
#ffa040
```
#ffa040 rgb(255,160,64)
```

Split Complementary Color

#40ff40
```
#40ff40 rgb(64,255,64)
```
#4040ff
```
#4040ff rgb(64,64,255)
```
#ff4040
```
#ff4040 rgb(255,64,64)
```

Triadic Color

#40ffff
```
#40ffff rgb(64,255,255)
```
#4040ff
```
#4040ff rgb(64,64,255)
```
#ff4040
```
#ff4040 rgb(255,64,64)
```
#ffff40
```
#ffff40 rgb(255,255,64)
```

Tetradic Color

#0000f3
```
#0000f3 rgb(0,0,243)
```
#0d0dff
```
#0d0dff rgb(13,13,255)
```
#2727ff
```
#2727ff rgb(39,39,255)
```
#4040ff
```
#4040ff rgb(64,64,255)
```
#5a5aff
```
#5a5aff rgb(90,90,255)
```
#7373ff
```
#7373ff rgb(115,115,255)
```
#8d8dff
```
#8d8dff rgb(141,141,255)
```

Monochromatic Color

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

#4070ff
```
#4070ff rgb(64,112,255)
```
#4060ff
```
#4060ff rgb(64,96,255)
```
#4050ff
```
#4050ff rgb(64,80,255)
```
#4040ff
```
#4040ff rgb(64,64,255)
```
#5040ff
```
#5040ff rgb(80,64,255)
```
#6040ff
```
#6040ff rgb(96,64,255)
```
#7040ff
```
#7040ff rgb(112,64,255)
```

Similar Colors

Text with hexadecimal color #4040ff

This text has a font color of #4040ff.

<span style="color:#4040ff;">Text here</span>

#4040ff background color

This paragraph has a background color of #4040ff.

<p style="background-color:#4040ff;">Content here</p>

#4040ff border color

This element has a border color of #4040ff.

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

CSS codes

.text {color:#4040ff;}

.background {background-color:#4040ff;}

.border {border:1px solid #4040ff;}

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

#000005
```
#000005 rgb(0,0,5)
```
#000019
```
#000019 rgb(0,0,25)
```
#00002c
```
#00002c rgb(0,0,44)
```
#000040
```
#000040 rgb(0,0,64)
```
#000054
```
#000054 rgb(0,0,84)
```
#000067
```
#000067 rgb(0,0,103)
```
#00007b
```
#00007b rgb(0,0,123)
```
#00008e
```
#00008e rgb(0,0,142)
```
#0000a2
```
#0000a2 rgb(0,0,162)
```
#0000b6
```
#0000b6 rgb(0,0,182)
```
#0000c9
```
#0000c9 rgb(0,0,201)
```
#0000dd
```
#0000dd rgb(0,0,221)
```
#0000f1
```
#0000f1 rgb(0,0,241)
```

Shade Color Variation

#0505ff
```
#0505ff rgb(5,5,255)
```
#1919ff
```
#1919ff rgb(25,25,255)
```
#2c2cff
```
#2c2cff rgb(44,44,255)
```
#4040ff
```
#4040ff rgb(64,64,255)
```
#5454ff
```
#5454ff rgb(84,84,255)
```
#6767ff
```
#6767ff rgb(103,103,255)
```
#7b7bff
```
#7b7bff rgb(123,123,255)
```
#8e8eff
```
#8e8eff rgb(142,142,255)
```
#a2a2ff
```
#a2a2ff rgb(162,162,255)
```
#b6b6ff
```
#b6b6ff rgb(182,182,255)
```
#c9c9ff
```
#c9c9ff rgb(201,201,255)
```
#ddddff
```
#ddddff rgb(221,221,255)
```
#f1f1ff
```
#f1f1ff rgb(241,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9898a7 is the less saturated color, while #4040ff is the most saturated one.

#9898a7
```
#9898a7 rgb(152,152,167)
```
#9191ae
```
#9191ae rgb(145,145,174)
```
#8989b6
```
#8989b6 rgb(137,137,182)
```
#8282bd
```
#8282bd rgb(130,130,189)
```
#7b7bc4
```
#7b7bc4 rgb(123,123,196)
```
#7373cc
```
#7373cc rgb(115,115,204)
```
#6c6cd3
```
#6c6cd3 rgb(108,108,211)
```
#6565da
```
#6565da rgb(101,101,218)
```
#5d5de2
```
#5d5de2 rgb(93,93,226)
```
#5656e9
```
#5656e9 rgb(86,86,233)
```
#4f4ff0
```
#4f4ff0 rgb(79,79,240)
```
#4747f8
```
#4747f8 rgb(71,71,248)
```
#4040ff
```
#4040ff rgb(64,64,255)
```

Tone Color Variation

Below, you can see how #4040ff 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

#565656 Achromatopsia 0.005% of the population
#525278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#1758db Protanomaly 1% of men, 0.01% of women
#175cca Deuteranomaly 6% of men, 0.4% of women
#1760aa Tritanomaly 0.01% of the population

#4040ff hex color

#4040ff Color Information

#4040ff Color Conversion

Color Schemes with #4040ff

Alternatives to #4040ff

#4040ff Preview

Shades and Tints of #4040ff

Tones of #4040ff

Color Blindness Simulator