#4054f9 hex color

In a RGB color space, hex #4054f9 is composed of 25.1% red, 32.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 66.3% magenta, 0% yellow and 2.4% black. It has a hue angle of 233.5 degrees, a saturation of 93.9% and a lightness of 61.4%. #4054f9 color hex could be obtained by blending #80a8ff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 33
- B 98
RGB color chart
- C 74
- M 66
- Y 0
- K 2
CMYK color chart

● #4054f9 color description : Bright blue.

The hexadecimal color #4054f9 has RGB values of R:64, G:84, B:249 and CMYK values of C:0.74, M:0.66, Y:0, K:0.02. Its decimal value is 4216057.

Hex triplet	4054f9	`#4054f9`
RGB Decimal	64, 84, 249	`rgb(64,84,249)`
RGB Percent	25.1, 32.9, 97.6	`rgb(25.1%,32.9%,97.6%)`
CMYK	74, 66, 0, 2
HSL	233.5°, 93.9, 61.4	`hsl(233.5,93.9%,61.4%)`
HSV (or HSB)	233.5°, 74.3, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.616, 47.478, -84.012
XYZ	22.38, 14.269, 91.192
xyY	0.175, 0.112, 14.269
CIE-LCH	44.616, 96.499, 299.472
CIE-LUV	44.616, -12.937, -125.588
Hunter-Lab	37.774, 39.652, -116.693
Binary	01000000, 01010100, 11111001

#4054f9
```
#4054f9 rgb(64,84,249)
```
#f9e540
```
#f9e540 rgb(249,229,64)
```

Complementary Color

#40b1f9
```
#40b1f9 rgb(64,177,249)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```
#8940f9
```
#8940f9 rgb(137,64,249)
```

Analogous Color

#b1f940
```
#b1f940 rgb(177,249,64)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```
#f98940
```
#f98940 rgb(249,137,64)
```

Split Complementary Color

#54f940
```
#54f940 rgb(84,249,64)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```
#f94054
```
#f94054 rgb(249,64,84)
```

Triadic Color

#40f9e5
```
#40f9e5 rgb(64,249,229)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```
#f94054
```
#f94054 rgb(249,64,84)
```
#f9e540
```
#f9e540 rgb(249,229,64)
```

Tetradic Color

#071fe5
```
#071fe5 rgb(7,31,229)
```
#0f28f7
```
#0f28f7 rgb(15,40,247)
```
#273ef8
```
#273ef8 rgb(39,62,248)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```
#596afa
```
#596afa rgb(89,106,250)
```
#7180fb
```
#7180fb rgb(113,128,251)
```
#8a96fb
```
#8a96fb rgb(138,150,251)
```

Monochromatic Color

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

#4082f9
```
#4082f9 rgb(64,130,249)
```
#4073f9
```
#4073f9 rgb(64,115,249)
```
#4063f9
```
#4063f9 rgb(64,99,249)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```
#4045f9
```
#4045f9 rgb(64,69,249)
```
#4b40f9
```
#4b40f9 rgb(75,64,249)
```
#5a40f9
```
#5a40f9 rgb(90,64,249)
```

Similar Colors

Text with hexadecimal color #4054f9

This text has a font color of #4054f9.

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

#4054f9 background color

This paragraph has a background color of #4054f9.

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

#4054f9 border color

This element has a border color of #4054f9.

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

CSS codes

.text {color:#4054f9;}

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

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

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

#010212
```
#010212 rgb(1,2,18)
```
#010525
```
#010525 rgb(1,5,37)
```
#020838
```
#020838 rgb(2,8,56)
```
#020a4b
```
#020a4b rgb(2,10,75)
```
#030d5e
```
#030d5e rgb(3,13,94)
```
#040f71
```
#040f71 rgb(4,15,113)
```
#041284
```
#041284 rgb(4,18,132)
```
#051597
```
#051597 rgb(5,21,151)
```
#0517aa
```
#0517aa rgb(5,23,170)
```
#061abd
```
#061abd rgb(6,26,189)
```
#071cd0
```
#071cd0 rgb(7,28,208)
```
#071fe3
```
#071fe3 rgb(7,31,227)
```
#0822f6
```
#0822f6 rgb(8,34,246)
```

Shade Color Variation

#1a32f8
```
#1a32f8 rgb(26,50,248)
```
#2d43f8
```
#2d43f8 rgb(45,67,248)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```
#5365fa
```
#5365fa rgb(83,101,250)
```
#6676fa
```
#6676fa rgb(102,118,250)
```
#7987fb
```
#7987fb rgb(121,135,251)
```
#8c98fb
```
#8c98fb rgb(140,152,251)
```
#9fa9fc
```
#9fa9fc rgb(159,169,252)
```
#b2bafd
```
#b2bafd rgb(178,186,253)
```
#c5cbfd
```
#c5cbfd rgb(197,203,253)
```
#d8dcfe
```
#d8dcfe rgb(216,220,254)
```
#ebedfe
```
#ebedfe rgb(235,237,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9b9b9e
```
#9b9b9e rgb(155,155,158)
```
#9395a6
```
#9395a6 rgb(147,149,166)
```
#8c8fad
```
#8c8fad rgb(140,143,173)
```
#8489b5
```
#8489b5 rgb(132,137,181)
```
#7d84bc
```
#7d84bc rgb(125,132,188)
```
#757ec4
```
#757ec4 rgb(117,126,196)
```
#6d78cc
```
#6d78cc rgb(109,120,204)
```
#6672d3
```
#6672d3 rgb(102,114,211)
```
#5e6cdb
```
#5e6cdb rgb(94,108,219)
```
#5766e2
```
#5766e2 rgb(87,102,226)
```
#4f60ea
```
#4f60ea rgb(79,96,234)
```
#485af1
```
#485af1 rgb(72,90,241)
```
#4054f9
```
#4054f9 rgb(64,84,249)
```

Tone Color Variation

Below, you can see how #4054f9 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
#5a5e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1764e2 Protanomaly 1% of men, 0.01% of women
#1768d1 Deuteranomaly 6% of men, 0.4% of women
#176dae Tritanomaly 0.01% of the population

#4054f9 hex color

#4054f9 Color Information

#4054f9 Color Conversion

Color Schemes with #4054f9

Alternatives to #4054f9

#4054f9 Preview

Shades and Tints of #4054f9

Tones of #4054f9

Color Blindness Simulator