#4054d7 hex color

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

♥
- f
- t
- g
- R 25
- G 33
- B 84
RGB color chart
- C 70
- M 61
- Y 0
- K 16
CMYK color chart

● #4054d7 color description : Moderate blue.

The hexadecimal color #4054d7 has RGB values of R:64, G:84, B:215 and CMYK values of C:0.7, M:0.61, Y:0, K:0.16. Its decimal value is 4216023.

Hex triplet	4054d7	`#4054d7`
RGB Decimal	64, 84, 215	`rgb(64,84,215)`
RGB Percent	25.1, 32.9, 84.3	`rgb(25.1%,32.9%,84.3%)`
CMYK	70, 61, 0, 16
HSL	232.1°, 65.4, 54.7	`hsl(232.1,65.4%,54.7%)`
HSV (or HSB)	232.1°, 70.2, 84.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.745, 35.807, -69.481
XYZ	17.548, 12.336, 65.743
xyY	0.184, 0.129, 12.336
CIE-LCH	41.745, 78.164, 297.264
CIE-LUV	41.745, -12.09, -103.463
Hunter-Lab	35.122, 27.718, -86.394
Binary	01000000, 01010100, 11010111

#4054d7
```
#4054d7 rgb(64,84,215)
```
#d7c340
```
#d7c340 rgb(215,195,64)
```

Complementary Color

#40a0d7
```
#40a0d7 rgb(64,160,215)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#7840d7
```
#7840d7 rgb(120,64,215)
```

Analogous Color

#a0d740
```
#a0d740 rgb(160,215,64)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#d77840
```
#d77840 rgb(215,120,64)
```

Split Complementary Color

#54d740
```
#54d740 rgb(84,215,64)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#d74054
```
#d74054 rgb(215,64,84)
```

Triadic Color

#40d7c3
```
#40d7c3 rgb(64,215,195)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#d74054
```
#d74054 rgb(215,64,84)
```
#d7c340
```
#d7c340 rgb(215,195,64)
```

Tetradic Color

#2335a7
```
#2335a7 rgb(35,53,167)
```
#273bbd
```
#273bbd rgb(39,59,189)
```
#2c42d2
```
#2c42d2 rgb(44,66,210)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#5567db
```
#5567db rgb(85,103,219)
```
#6a7ae0
```
#6a7ae0 rgb(106,122,224)
```
#7f8de4
```
#7f8de4 rgb(127,141,228)
```

Monochromatic Color

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

#407ad7
```
#407ad7 rgb(64,122,215)
```
#406dd7
```
#406dd7 rgb(64,109,215)
```
#4061d7
```
#4061d7 rgb(64,97,215)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#4047d7
```
#4047d7 rgb(64,71,215)
```
#4540d7
```
#4540d7 rgb(69,64,215)
```
#5240d7
```
#5240d7 rgb(82,64,215)
```

Similar Colors

Text with hexadecimal color #4054d7

This text has a font color of #4054d7.

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

#4054d7 background color

This paragraph has a background color of #4054d7.

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

#4054d7 border color

This element has a border color of #4054d7.

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

CSS codes

.text {color:#4054d7;}

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

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

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 #f2f4fc is the lightest one.

#010104
```
#010104 rgb(1,1,4)
```
#040614
```
#040614 rgb(4,6,20)
```
#080b24
```
#080b24 rgb(8,11,36)
```
#0b1034
```
#0b1034 rgb(11,16,52)
```
#0e1645
```
#0e1645 rgb(14,22,69)
```
#121b55
```
#121b55 rgb(18,27,85)
```
#152065
```
#152065 rgb(21,32,101)
```
#192575
```
#192575 rgb(25,37,117)
```
#1c2a85
```
#1c2a85 rgb(28,42,133)
```
#1f2f96
```
#1f2f96 rgb(31,47,150)
```
#2334a6
```
#2334a6 rgb(35,52,166)
```
#2639b6
```
#2639b6 rgb(38,57,182)
```
#2a3ec6
```
#2a3ec6 rgb(42,62,198)
```

Shade Color Variation

#3045d4
```
#3045d4 rgb(48,69,212)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#5063da
```
#5063da rgb(80,99,218)
```
#6071de
```
#6071de rgb(96,113,222)
```
#7180e1
```
#7180e1 rgb(113,128,225)
```
#818ee5
```
#818ee5 rgb(129,142,229)
```
#919de8
```
#919de8 rgb(145,157,232)
```
#a1abeb
```
#a1abeb rgb(161,171,235)
```
#b2baef
```
#b2baef rgb(178,186,239)
```
#c2c8f2
```
#c2c8f2 rgb(194,200,242)
```
#d2d7f6
```
#d2d7f6 rgb(210,215,246)
```
#e2e5f9
```
#e2e5f9 rgb(226,229,249)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

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

#878890
```
#878890 rgb(135,136,144)
```
#7e8299
```
#7e8299 rgb(126,130,153)
```
#757ba2
```
#757ba2 rgb(117,123,162)
```
#6c75ab
```
#6c75ab rgb(108,117,171)
```
#646eb3
```
#646eb3 rgb(100,110,179)
```
#5b68bc
```
#5b68bc rgb(91,104,188)
```
#5261c5
```
#5261c5 rgb(82,97,197)
```
#495bce
```
#495bce rgb(73,91,206)
```
#4054d7
```
#4054d7 rgb(64,84,215)
```
#374de0
```
#374de0 rgb(55,77,224)
```
#2e47e9
```
#2e47e9 rgb(46,71,233)
```
#2540f2
```
#2540f2 rgb(37,64,242)
```
#1c3afb
```
#1c3afb rgb(28,58,251)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#575b75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#1760ce Protanomaly 1% of men, 0.01% of women
#1764be Deuteranomaly 6% of men, 0.4% of women
#17699d Tritanomaly 0.01% of the population

#4054d7 hex color

#4054d7 Color Information

#4054d7 Color Conversion

Color Schemes with #4054d7

Alternatives to #4054d7

#4054d7 Preview

Shades and Tints of #4054d7

Tones of #4054d7

Color Blindness Simulator