#404bcc hex color

In a RGB color space, hex #404bcc is composed of 25.1% red, 29.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 63.2% magenta, 0% yellow and 20% black. It has a hue angle of 235.3 degrees, a saturation of 57.9% and a lightness of 52.5%. #404bcc color hex could be obtained by blending #8096ff with #000099. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 25
- G 29
- B 80
RGB color chart
- C 69
- M 63
- Y 0
- K 20
CMYK color chart

● #404bcc color description : Moderate blue.

The hexadecimal color #404bcc has RGB values of R:64, G:75, B:204 and CMYK values of C:0.69, M:0.63, Y:0, K:0.2. Its decimal value is 4213708.

Hex triplet	404bcc	`#404bcc`
RGB Decimal	64, 75, 204	`rgb(64,75,204)`
RGB Percent	25.1, 29.4, 80	`rgb(25.1%,29.4%,80%)`
CMYK	69, 63, 0, 20
HSL	235.3°, 57.9, 52.5	`hsl(235.3,57.9%,52.5%)`
HSV (or HSB)	235.3°, 68.6, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.692, 37.59, -68.135
XYZ	15.527, 10.481, 58.328
xyY	0.184, 0.124, 10.481
CIE-LCH	38.692, 77.816, 298.885
CIE-LUV	38.692, -9.67, -99.123
Hunter-Lab	32.374, 28.957, -84.16
Binary	01000000, 01001011, 11001100

#404bcc
```
#404bcc rgb(64,75,204)
```
#ccc140
```
#ccc140 rgb(204,193,64)
```

Complementary Color

#4091cc
```
#4091cc rgb(64,145,204)
```
#404bcc
```
#404bcc rgb(64,75,204)
```
#7b40cc
```
#7b40cc rgb(123,64,204)
```

Analogous Color

#91cc40
```
#91cc40 rgb(145,204,64)
```
#404bcc
```
#404bcc rgb(64,75,204)
```
#cc7b40
```
#cc7b40 rgb(204,123,64)
```

Split Complementary Color

#4bcc40
```
#4bcc40 rgb(75,204,64)
```
#404bcc
```
#404bcc rgb(64,75,204)
```
#cc404b
```
#cc404b rgb(204,64,75)
```

Triadic Color

#40ccc1
```
#40ccc1 rgb(64,204,193)
```
#404bcc
```
#404bcc rgb(64,75,204)
```
#cc404b
```
#cc404b rgb(204,64,75)
```
#ccc140
```
#ccc140 rgb(204,193,64)
```

Tetradic Color

#283197
```
#283197 rgb(40,49,151)
```
#2e38ab
```
#2e38ab rgb(46,56,171)
```
#333ebf
```
#333ebf rgb(51,62,191)
```
#404bcc
```
#404bcc rgb(64,75,204)
```
#545ed1
```
#545ed1 rgb(84,94,209)
```
#6871d7
```
#6871d7 rgb(104,113,215)
```
#7c84dc
```
#7c84dc rgb(124,132,220)
```

Monochromatic Color

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

#406ecc
```
#406ecc rgb(64,110,204)
```
#4062cc
```
#4062cc rgb(64,98,204)
```
#4057cc
```
#4057cc rgb(64,87,204)
```
#404bcc
```
#404bcc rgb(64,75,204)
```
#4140cc
```
#4140cc rgb(65,64,204)
```
#4c40cc
```
#4c40cc rgb(76,64,204)
```
#5840cc
```
#5840cc rgb(88,64,204)
```

Similar Colors

Text with hexadecimal color #404bcc

This text has a font color of #404bcc.

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

#404bcc background color

This paragraph has a background color of #404bcc.

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

#404bcc border color

This element has a border color of #404bcc.

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

CSS codes

.text {color:#404bcc;}

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

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

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, #03030a is the darkest color, while #fafafe is the lightest one.

#03030a
```
#03030a rgb(3,3,10)
```
#07081a
```
#07081a rgb(7,8,26)
```
#0b0d29
```
#0b0d29 rgb(11,13,41)
```
#0f1239
```
#0f1239 rgb(15,18,57)
```
#131748
```
#131748 rgb(19,23,72)
```
#171c58
```
#171c58 rgb(23,28,88)
```
#1c2167
```
#1c2167 rgb(28,33,103)
```
#202777
```
#202777 rgb(32,39,119)
```
#242c86
```
#242c86 rgb(36,44,134)
```
#283196
```
#283196 rgb(40,49,150)
```
#2c36a5
```
#2c36a5 rgb(44,54,165)
```
#303bb5
```
#303bb5 rgb(48,59,181)
```
#3440c4
```
#3440c4 rgb(52,64,196)
```

Shade Color Variation

#404bcc
```
#404bcc rgb(64,75,204)
```
#4f5ad0
```
#4f5ad0 rgb(79,90,208)
```
#5f68d4
```
#5f68d4 rgb(95,104,212)
```
#6e77d8
```
#6e77d8 rgb(110,119,216)
```
#7e85dd
```
#7e85dd rgb(126,133,221)
```
#8d94e1
```
#8d94e1 rgb(141,148,225)
```
#9da3e5
```
#9da3e5 rgb(157,163,229)
```
#acb1e9
```
#acb1e9 rgb(172,177,233)
```
#bcc0ed
```
#bcc0ed rgb(188,192,237)
```
#cbcef1
```
#cbcef1 rgb(203,206,241)
```
#dbddf5
```
#dbddf5 rgb(219,221,245)
```
#eaebf9
```
#eaebf9 rgb(234,235,249)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#81828b
```
#81828b rgb(129,130,139)
```
#787a94
```
#787a94 rgb(120,122,148)
```
#6f729d
```
#6f729d rgb(111,114,157)
```
#656aa7
```
#656aa7 rgb(101,106,167)
```
#5c63b0
```
#5c63b0 rgb(92,99,176)
```
#535bb9
```
#535bb9 rgb(83,91,185)
```
#4953c3
```
#4953c3 rgb(73,83,195)
```
#404bcc
```
#404bcc rgb(64,75,204)
```
#3743d5
```
#3743d5 rgb(55,67,213)
```
#2d3bdf
```
#2d3bdf rgb(45,59,223)
```
#2433e8
```
#2433e8 rgb(36,51,232)
```
#1b2cf1
```
#1b2cf1 rgb(27,44,241)
```
#1124fb
```
#1124fb rgb(17,36,251)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#52546e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#1758c2 Protanomaly 1% of men, 0.01% of women
#175cb3 Deuteranomaly 6% of men, 0.4% of women
#176094 Tritanomaly 0.01% of the population

#404bcc hex color

#404bcc Color Information

#404bcc Color Conversion

Color Schemes with #404bcc

Alternatives to #404bcc

#404bcc Preview

Shades and Tints of #404bcc

Tones of #404bcc

Color Blindness Simulator