#4054db hex color

In a RGB color space, hex #4054db is composed of 25.1% red, 32.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 61.6% magenta, 0% yellow and 14.1% black. It has a hue angle of 232.3 degrees, a saturation of 68.3% and a lightness of 55.5%. #4054db color hex could be obtained by blending #80a8ff with #0000b7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 33
- B 86
RGB color chart
- C 71
- M 62
- Y 0
- K 14
CMYK color chart

● #4054db color description : Bright blue.

The hexadecimal color #4054db has RGB values of R:64, G:84, B:219 and CMYK values of C:0.71, M:0.62, Y:0, K:0.14. Its decimal value is 4216027.

Hex triplet	4054db	`#4054db`
RGB Decimal	64, 84, 219	`rgb(64,84,219)`
RGB Percent	25.1, 32.9, 85.9	`rgb(25.1%,32.9%,85.9%)`
CMYK	71, 62, 0, 14
HSL	232.3°, 68.3, 55.5	`hsl(232.3,68.3%,55.5%)`
HSV (or HSB)	232.3°, 70.8, 85.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.068, 37.201, -71.241
XYZ	18.068, 12.544, 68.483
xyY	0.182, 0.127, 12.544
CIE-LCH	42.068, 80.369, 297.573
CIE-LUV	42.068, -12.186, -106.151
Hunter-Lab	35.418, 29.081, -89.85
Binary	01000000, 01010100, 11011011

#4054db
```
#4054db rgb(64,84,219)
```
#dbc740
```
#dbc740 rgb(219,199,64)
```

Complementary Color

#40a2db
```
#40a2db rgb(64,162,219)
```
#4054db
```
#4054db rgb(64,84,219)
```
#7a40db
```
#7a40db rgb(122,64,219)
```

Analogous Color

#a2db40
```
#a2db40 rgb(162,219,64)
```
#4054db
```
#4054db rgb(64,84,219)
```
#db7a40
```
#db7a40 rgb(219,122,64)
```

Split Complementary Color

#54db40
```
#54db40 rgb(84,219,64)
```
#4054db
```
#4054db rgb(64,84,219)
```
#db4054
```
#db4054 rgb(219,64,84)
```

Triadic Color

#40dbc7
```
#40dbc7 rgb(64,219,199)
```
#4054db
```
#4054db rgb(64,84,219)
```
#db4054
```
#db4054 rgb(219,64,84)
```
#dbc740
```
#dbc740 rgb(219,199,64)
```

Tetradic Color

#2133ae
```
#2133ae rgb(33,51,174)
```
#2539c3
```
#2539c3 rgb(37,57,195)
```
#2b41d7
```
#2b41d7 rgb(43,65,215)
```
#4054db
```
#4054db rgb(64,84,219)
```
#5567df
```
#5567df rgb(85,103,223)
```
#6b7ae3
```
#6b7ae3 rgb(107,122,227)
```
#808ee7
```
#808ee7 rgb(128,142,231)
```

Monochromatic Color

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

#407bdb
```
#407bdb rgb(64,123,219)
```
#406edb
```
#406edb rgb(64,110,219)
```
#4061db
```
#4061db rgb(64,97,219)
```
#4054db
```
#4054db rgb(64,84,219)
```
#4047db
```
#4047db rgb(64,71,219)
```
#4640db
```
#4640db rgb(70,64,219)
```
#5340db
```
#5340db rgb(83,64,219)
```

Similar Colors

Text with hexadecimal color #4054db

This text has a font color of #4054db.

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

#4054db background color

This paragraph has a background color of #4054db.

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

#4054db border color

This element has a border color of #4054db.

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

CSS codes

.text {color:#4054db;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#040718
```
#040718 rgb(4,7,24)
```
#080c28
```
#080c28 rgb(8,12,40)
```
#0b1139
```
#0b1139 rgb(11,17,57)
```
#0e1549
```
#0e1549 rgb(14,21,73)
```
#111a5a
```
#111a5a rgb(17,26,90)
```
#141f6a
```
#141f6a rgb(20,31,106)
```
#17247b
```
#17247b rgb(23,36,123)
```
#1a298b
```
#1a298b rgb(26,41,139)
```
#1d2e9c
```
#1d2e9c rgb(29,46,156)
```
#2032ac
```
#2032ac rgb(32,50,172)
```
#2437bd
```
#2437bd rgb(36,55,189)
```
#273ccd
```
#273ccd rgb(39,60,205)
```

Shade Color Variation

#2f45d8
```
#2f45d8 rgb(47,69,216)
```
#4054db
```
#4054db rgb(64,84,219)
```
#5163de
```
#5163de rgb(81,99,222)
```
#6172e1
```
#6172e1 rgb(97,114,225)
```
#7280e4
```
#7280e4 rgb(114,128,228)
```
#828fe7
```
#828fe7 rgb(130,143,231)
```
#939eeb
```
#939eeb rgb(147,158,235)
```
#a3adee
```
#a3adee rgb(163,173,238)
```
#b4bbf1
```
#b4bbf1 rgb(180,187,241)
```
#c4caf4
```
#c4caf4 rgb(196,202,244)
```
#d5d9f7
```
#d5d9f7 rgb(213,217,247)
```
#e5e8fa
```
#e5e8fa rgb(229,232,250)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#868895
```
#868895 rgb(134,136,149)
```
#7d819e
```
#7d819e rgb(125,129,158)
```
#747ba7
```
#747ba7 rgb(116,123,167)
```
#6c74af
```
#6c74af rgb(108,116,175)
```
#636eb8
```
#636eb8 rgb(99,110,184)
```
#5a67c1
```
#5a67c1 rgb(90,103,193)
```
#5161ca
```
#5161ca rgb(81,97,202)
```
#495ad2
```
#495ad2 rgb(73,90,210)
```
#4054db
```
#4054db rgb(64,84,219)
```
#374ee4
```
#374ee4 rgb(55,78,228)
```
#2f47ec
```
#2f47ec rgb(47,71,236)
```
#2641f5
```
#2641f5 rgb(38,65,245)
```
#1d3afe
```
#1d3afe rgb(29,58,254)
```

Tone Color Variation

Below, you can see how #4054db 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
#575b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#1760d1 Protanomaly 1% of men, 0.01% of women
#1764c0 Deuteranomaly 6% of men, 0.4% of women
#17699f Tritanomaly 0.01% of the population

#4054db hex color

#4054db Color Information

#4054db Color Conversion

Color Schemes with #4054db

Alternatives to #4054db

#4054db Preview

Shades and Tints of #4054db

Tones of #4054db

Color Blindness Simulator