#4054fd hex color

In a RGB color space, hex #4054fd is composed of 25.1% red, 32.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 66.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 233.7 degrees, a saturation of 97.9% and a lightness of 62.2%. #4054fd color hex could be obtained by blending #80a8ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 33
- B 99
RGB color chart
- C 75
- M 67
- Y 0
- K 1
CMYK color chart

● #4054fd color description : Bright blue.

The hexadecimal color #4054fd has RGB values of R:64, G:84, B:253 and CMYK values of C:0.75, M:0.67, Y:0, K:0.01. Its decimal value is 4216061.

Hex triplet	4054fd	`#4054fd`
RGB Decimal	64, 84, 253	`rgb(64,84,253)`
RGB Percent	25.1, 32.9, 99.2	`rgb(25.1%,32.9%,99.2%)`
CMYK	75, 67, 0, 1
HSL	233.7°, 97.9, 62.2	`hsl(233.7,97.9%,62.2%)`
HSV (or HSB)	233.7°, 74.7, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.971, 48.82, -85.661
XYZ	23.011, 14.521, 94.513
xyY	0.174, 0.11, 14.521
CIE-LCH	44.971, 98.596, 299.68
CIE-LUV	44.971, -13.042, -128.093
Hunter-Lab	38.106, 41.102, -120.379
Binary	01000000, 01010100, 11111101

#4054fd
```
#4054fd rgb(64,84,253)
```
#fde940
```
#fde940 rgb(253,233,64)
```

Complementary Color

#40b3fd
```
#40b3fd rgb(64,179,253)
```
#4054fd
```
#4054fd rgb(64,84,253)
```
#8b40fd
```
#8b40fd rgb(139,64,253)
```

Analogous Color

#b3fd40
```
#b3fd40 rgb(179,253,64)
```
#4054fd
```
#4054fd rgb(64,84,253)
```
#fd8b40
```
#fd8b40 rgb(253,139,64)
```

Split Complementary Color

#54fd40
```
#54fd40 rgb(84,253,64)
```
#4054fd
```
#4054fd rgb(64,84,253)
```
#fd4054
```
#fd4054 rgb(253,64,84)
```

Triadic Color

#40fde9
```
#40fde9 rgb(64,253,233)
```
#4054fd
```
#4054fd rgb(64,84,253)
```
#fd4054
```
#fd4054 rgb(253,64,84)
```
#fde940
```
#fde940 rgb(253,233,64)
```

Tetradic Color

#021bee
```
#021bee rgb(2,27,238)
```
#0e27fc
```
#0e27fc rgb(14,39,252)
```
#273dfd
```
#273dfd rgb(39,61,253)
```
#4054fd
```
#4054fd rgb(64,84,253)
```
#596bfd
```
#596bfd rgb(89,107,253)
```
#7281fe
```
#7281fe rgb(114,129,254)
```
#8c98fe
```
#8c98fe rgb(140,152,254)
```

Monochromatic Color

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

#4083fd
```
#4083fd rgb(64,131,253)
```
#4074fd
```
#4074fd rgb(64,116,253)
```
#4064fd
```
#4064fd rgb(64,100,253)
```
#4054fd
```
#4054fd rgb(64,84,253)
```
#4044fd
```
#4044fd rgb(64,68,253)
```
#4c40fd
```
#4c40fd rgb(76,64,253)
```
#5b40fd
```
#5b40fd rgb(91,64,253)
```

Similar Colors

Text with hexadecimal color #4054fd

This text has a font color of #4054fd.

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

#4054fd background color

This paragraph has a background color of #4054fd.

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

#4054fd border color

This element has a border color of #4054fd.

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

CSS codes

.text {color:#4054fd;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000317
```
#000317 rgb(0,3,23)
```
#00052a
```
#00052a rgb(0,5,42)
```
#01073d
```
#01073d rgb(1,7,61)
```
#010951
```
#010951 rgb(1,9,81)
```
#010c64
```
#010c64 rgb(1,12,100)
```
#010e78
```
#010e78 rgb(1,14,120)
```
#01108b
```
#01108b rgb(1,16,139)
```
#02129e
```
#02129e rgb(2,18,158)
```
#0214b2
```
#0214b2 rgb(2,20,178)
```
#0217c5
```
#0217c5 rgb(2,23,197)
```
#0219d9
```
#0219d9 rgb(2,25,217)
```
#021bec
```
#021bec rgb(2,27,236)
```

Shade Color Variation

#0620fc
```
#0620fc rgb(6,32,252)
```
#1931fd
```
#1931fd rgb(25,49,253)
```
#2d43fd
```
#2d43fd rgb(45,67,253)
```
#4054fd
```
#4054fd rgb(64,84,253)
```
#5365fd
```
#5365fd rgb(83,101,253)
```
#6777fd
```
#6777fd rgb(103,119,253)
```
#7a88fe
```
#7a88fe rgb(122,136,254)
```
#8e9afe
```
#8e9afe rgb(142,154,254)
```
#a1abfe
```
#a1abfe rgb(161,171,254)
```
#b4bcfe
```
#b4bcfe rgb(180,188,254)
```
#c8cefe
```
#c8cefe rgb(200,206,254)
```
#dbdfff
```
#dbdfff rgb(219,223,255)
```
#eff0ff
```
#eff0ff rgb(239,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999aa4 is the less saturated color, while #4054fd is the most saturated one.

#999aa4
```
#999aa4 rgb(153,154,164)
```
#9294ab
```
#9294ab rgb(146,148,171)
```
#8a8fb3
```
#8a8fb3 rgb(138,143,179)
```
#8389ba
```
#8389ba rgb(131,137,186)
```
#7b83c2
```
#7b83c2 rgb(123,131,194)
```
#747dc9
```
#747dc9 rgb(116,125,201)
```
#6d77d0
```
#6d77d0 rgb(109,119,208)
```
#6571d8
```
#6571d8 rgb(101,113,216)
```
#5e6bdf
```
#5e6bdf rgb(94,107,223)
```
#5666e7
```
#5666e7 rgb(86,102,231)
```
#4f60ee
```
#4f60ee rgb(79,96,238)
```
#475af6
```
#475af6 rgb(71,90,246)
```
#4054fd
```
#4054fd rgb(64,84,253)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5a5e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0075bb Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1765e5 Protanomaly 1% of men, 0.01% of women
#1769d3 Deuteranomaly 6% of men, 0.4% of women
#176eb0 Tritanomaly 0.01% of the population

#4054fd hex color

#4054fd Color Information

#4054fd Color Conversion

Color Schemes with #4054fd

Alternatives to #4054fd

#4054fd Preview

Shades and Tints of #4054fd

Tones of #4054fd

Color Blindness Simulator