#404bec hex color

In a RGB color space, hex #404bec is composed of 25.1% red, 29.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 68.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 236.2 degrees, a saturation of 81.9% and a lightness of 58.8%. #404bec color hex could be obtained by blending #8096ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 29
- B 93
RGB color chart
- C 73
- M 68
- Y 0
- K 7
CMYK color chart

● #404bec color description : Bright blue.

The hexadecimal color #404bec has RGB values of R:64, G:75, B:236 and CMYK values of C:0.73, M:0.68, Y:0, K:0.07. Its decimal value is 4213740.

Hex triplet	404bec	`#404bec`
RGB Decimal	64, 75, 236	`rgb(64,75,236)`
RGB Percent	25.1, 29.4, 92.5	`rgb(25.1%,29.4%,92.5%)`
CMYK	73, 68, 0, 7
HSL	236.2°, 81.9, 58.8	`hsl(236.2,81.9%,58.8%)`
HSV (or HSB)	236.2°, 72.9, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.496, 48.411, -81.835
XYZ	19.768, 12.177, 80.661
xyY	0.176, 0.108, 12.177
CIE-LCH	41.496, 95.082, 300.607
CIE-LUV	41.496, -10.743, -119.612
Hunter-Lab	34.896, 40.049, -112.621
Binary	01000000, 01001011, 11101100

#404bec
```
#404bec rgb(64,75,236)
```
#ece140
```
#ece140 rgb(236,225,64)
```

Complementary Color

#40a1ec
```
#40a1ec rgb(64,161,236)
```
#404bec
```
#404bec rgb(64,75,236)
```
#8b40ec
```
#8b40ec rgb(139,64,236)
```

Analogous Color

#a1ec40
```
#a1ec40 rgb(161,236,64)
```
#404bec
```
#404bec rgb(64,75,236)
```
#ec8b40
```
#ec8b40 rgb(236,139,64)
```

Split Complementary Color

#4bec40
```
#4bec40 rgb(75,236,64)
```
#404bec
```
#404bec rgb(64,75,236)
```
#ec404b
```
#ec404b rgb(236,64,75)
```

Triadic Color

#40ece1
```
#40ece1 rgb(64,236,225)
```
#404bec
```
#404bec rgb(64,75,236)
```
#ec404b
```
#ec404b rgb(236,64,75)
```
#ece140
```
#ece140 rgb(236,225,64)
```

Tetradic Color

#1420cb
```
#1420cb rgb(20,32,203)
```
#1724e2
```
#1724e2 rgb(23,36,226)
```
#2935ea
```
#2935ea rgb(41,53,234)
```
#404bec
```
#404bec rgb(64,75,236)
```
#5761ee
```
#5761ee rgb(87,97,238)
```
#6e77f1
```
#6e77f1 rgb(110,119,241)
```
#868df3
```
#868df3 rgb(134,141,243)
```

Monochromatic Color

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

#4076ec
```
#4076ec rgb(64,118,236)
```
#4068ec
```
#4068ec rgb(64,104,236)
```
#4059ec
```
#4059ec rgb(64,89,236)
```
#404bec
```
#404bec rgb(64,75,236)
```
#4340ec
```
#4340ec rgb(67,64,236)
```
#5240ec
```
#5240ec rgb(82,64,236)
```
#6040ec
```
#6040ec rgb(96,64,236)
```

Similar Colors

Text with hexadecimal color #404bec

This text has a font color of #404bec.

<span style="color:#404bec;">Text here</span>

#404bec background color

This paragraph has a background color of #404bec.

<p style="background-color:#404bec;">Content here</p>

#404bec border color

This element has a border color of #404bec.

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

CSS codes

.text {color:#404bec;}

.background {background-color:#404bec;}

.border {border:1px solid #404bec;}

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

#010105
```
#010105 rgb(1,1,5)
```
#020417
```
#020417 rgb(2,4,23)
```
#040629
```
#040629 rgb(4,6,41)
```
#06093b
```
#06093b rgb(6,9,59)
```
#080c4d
```
#080c4d rgb(8,12,77)
```
#090f5e
```
#090f5e rgb(9,15,94)
```
#0b1270
```
#0b1270 rgb(11,18,112)
```
#0d1482
```
#0d1482 rgb(13,20,130)
```
#0f1794
```
#0f1794 rgb(15,23,148)
```
#101aa6
```
#101aa6 rgb(16,26,166)
```
#121db8
```
#121db8 rgb(18,29,184)
```
#1420c9
```
#1420c9 rgb(20,32,201)
```
#1622db
```
#1622db rgb(22,34,219)
```

Shade Color Variation

#1c29e8
```
#1c29e8 rgb(28,41,232)
```
#2e3aea
```
#2e3aea rgb(46,58,234)
```
#404bec
```
#404bec rgb(64,75,236)
```
#525cee
```
#525cee rgb(82,92,238)
```
#646df0
```
#646df0 rgb(100,109,240)
```
#767df1
```
#767df1 rgb(118,125,241)
```
#878ef3
```
#878ef3 rgb(135,142,243)
```
#999ff5
```
#999ff5 rgb(153,159,245)
```
#abb0f7
```
#abb0f7 rgb(171,176,247)
```
#bdc1f8
```
#bdc1f8 rgb(189,193,248)
```
#cfd2fa
```
#cfd2fa rgb(207,210,250)
```
#e1e2fc
```
#e1e2fc rgb(225,226,252)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91919b is the less saturated color, while #303dfc is the most saturated one.

#91919b
```
#91919b rgb(145,145,155)
```
#898aa3
```
#898aa3 rgb(137,138,163)
```
#8183ab
```
#8183ab rgb(129,131,171)
```
#797cb3
```
#797cb3 rgb(121,124,179)
```
#7075bc
```
#7075bc rgb(112,117,188)
```
#686ec4
```
#686ec4 rgb(104,110,196)
```
#6067cc
```
#6067cc rgb(96,103,204)
```
#5860d4
```
#5860d4 rgb(88,96,212)
```
#5059dc
```
#5059dc rgb(80,89,220)
```
#4852e4
```
#4852e4 rgb(72,82,228)
```
#404bec
```
#404bec rgb(64,75,236)
```
#3844f4
```
#3844f4 rgb(56,68,244)
```
#303dfc
```
#303dfc rgb(48,61,252)
```

Tone Color Variation

Below, you can see how #404bec 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

#5a5a5a Achromatopsia 0.005% of the population
#555777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006cae Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#175cd5 Protanomaly 1% of men, 0.01% of women
#1760c4 Deuteranomaly 6% of men, 0.4% of women
#1765a4 Tritanomaly 0.01% of the population

#404bec hex color

#404bec Color Information

#404bec Color Conversion

Color Schemes with #404bec

Alternatives to #404bec

#404bec Preview

Shades and Tints of #404bec

Tones of #404bec

Color Blindness Simulator