#4046cc hex color

In a RGB color space, hex #4046cc is composed of 25.1% red, 27.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 65.7% magenta, 0% yellow and 20% black. It has a hue angle of 237.4 degrees, a saturation of 57.9% and a lightness of 52.5%. #4046cc color hex could be obtained by blending #808cff with #000099. Closest websafe color is: #3333cc.

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

● #4046cc color description : Moderate blue.

The hexadecimal color #4046cc has RGB values of R:64, G:70, B:204 and CMYK values of C:0.69, M:0.66, Y:0, K:0.2. Its decimal value is 4212428.

Hex triplet	4046cc	`#4046cc`
RGB Decimal	64, 70, 204	`rgb(64,70,204)`
RGB Percent	25.1, 27.5, 80	`rgb(25.1%,27.5%,80%)`
CMYK	69, 66, 0, 20
HSL	237.4°, 57.9, 52.5	`hsl(237.4,57.9%,52.5%)`
HSV (or HSB)	237.4°, 68.6, 80
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.534, 40.656, -70.03
XYZ	15.201, 9.829, 58.22
xyY	0.183, 0.118, 9.829
CIE-LCH	37.534, 80.976, 300.137
CIE-LUV	37.534, -8.571, -100.549
Hunter-Lab	31.351, 31.685, -88.156
Binary	01000000, 01000110, 11001100

#4046cc
```
#4046cc rgb(64,70,204)
```
#ccc640
```
#ccc640 rgb(204,198,64)
```

Complementary Color

#408ccc
```
#408ccc rgb(64,140,204)
```
#4046cc
```
#4046cc rgb(64,70,204)
```
#8040cc
```
#8040cc rgb(128,64,204)
```

Analogous Color

#8ccc40
```
#8ccc40 rgb(140,204,64)
```
#4046cc
```
#4046cc rgb(64,70,204)
```
#cc8040
```
#cc8040 rgb(204,128,64)
```

Split Complementary Color

#46cc40
```
#46cc40 rgb(70,204,64)
```
#4046cc
```
#4046cc rgb(64,70,204)
```
#cc4046
```
#cc4046 rgb(204,64,70)
```

Triadic Color

#40ccc6
```
#40ccc6 rgb(64,204,198)
```
#4046cc
```
#4046cc rgb(64,70,204)
```
#cc4046
```
#cc4046 rgb(204,64,70)
```
#ccc640
```
#ccc640 rgb(204,198,64)
```

Tetradic Color

#282d97
```
#282d97 rgb(40,45,151)
```
#2e33ab
```
#2e33ab rgb(46,51,171)
```
#3339bf
```
#3339bf rgb(51,57,191)
```
#4046cc
```
#4046cc rgb(64,70,204)
```
#5459d1
```
#5459d1 rgb(84,89,209)
```
#686dd7
```
#686dd7 rgb(104,109,215)
```
#7c80dc
```
#7c80dc rgb(124,128,220)
```

Monochromatic Color

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

#4069cc
```
#4069cc rgb(64,105,204)
```
#405dcc
```
#405dcc rgb(64,93,204)
```
#4052cc
```
#4052cc rgb(64,82,204)
```
#4046cc
```
#4046cc rgb(64,70,204)
```
#4640cc
```
#4640cc rgb(70,64,204)
```
#5140cc
```
#5140cc rgb(81,64,204)
```
#5d40cc
```
#5d40cc rgb(93,64,204)
```

Similar Colors

Text with hexadecimal color #4046cc

This text has a font color of #4046cc.

<span style="color:#4046cc;">Text here</span>

#4046cc background color

This paragraph has a background color of #4046cc.

<p style="background-color:#4046cc;">Content here</p>

#4046cc border color

This element has a border color of #4046cc.

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

CSS codes

.text {color:#4046cc;}

.background {background-color:#4046cc;}

.border {border:1px solid #4046cc;}

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)
```
#0b0c29
```
#0b0c29 rgb(11,12,41)
```
#0f1139
```
#0f1139 rgb(15,17,57)
```
#131648
```
#131648 rgb(19,22,72)
```
#171a58
```
#171a58 rgb(23,26,88)
```
#1c1f67
```
#1c1f67 rgb(28,31,103)
```
#202377
```
#202377 rgb(32,35,119)
```
#242886
```
#242886 rgb(36,40,134)
```
#282d96
```
#282d96 rgb(40,45,150)
```
#2c31a5
```
#2c31a5 rgb(44,49,165)
```
#3036b5
```
#3036b5 rgb(48,54,181)
```
#343bc4
```
#343bc4 rgb(52,59,196)
```

Shade Color Variation

#4046cc
```
#4046cc rgb(64,70,204)
```
#4f55d0
```
#4f55d0 rgb(79,85,208)
```
#5f64d4
```
#5f64d4 rgb(95,100,212)
```
#6e73d8
```
#6e73d8 rgb(110,115,216)
```
#7e82dd
```
#7e82dd rgb(126,130,221)
```
#8d91e1
```
#8d91e1 rgb(141,145,225)
```
#9da0e5
```
#9da0e5 rgb(157,160,229)
```
#acafe9
```
#acafe9 rgb(172,175,233)
```
#bcbeed
```
#bcbeed rgb(188,190,237)
```
#cbcdf1
```
#cbcdf1 rgb(203,205,241)
```
#dbdcf5
```
#dbdcf5 rgb(219,220,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 #111bfb is the most saturated one.

#81828b
```
#81828b rgb(129,130,139)
```
#787994
```
#787994 rgb(120,121,148)
```
#6f719d
```
#6f719d rgb(111,113,157)
```
#6568a7
```
#6568a7 rgb(101,104,167)
```
#5c60b0
```
#5c60b0 rgb(92,96,176)
```
#5357b9
```
#5357b9 rgb(83,87,185)
```
#494fc3
```
#494fc3 rgb(73,79,195)
```
#4046cc
```
#4046cc rgb(64,70,204)
```
#373dd5
```
#373dd5 rgb(55,61,213)
```
#2d35df
```
#2d35df rgb(45,53,223)
```
#242ce8
```
#242ce8 rgb(36,44,232)
```
#1b24f1
```
#1b24f1 rgb(27,36,241)
```
#111bfb
```
#111bfb rgb(17,27,251)
```

Tone Color Variation

Below, you can see how #4046cc 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

#535353 Achromatopsia 0.005% of the population
#4f506b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#0063a0 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1755bf Protanomaly 1% of men, 0.01% of women
#1758b0 Deuteranomaly 6% of men, 0.4% of women
#175d92 Tritanomaly 0.01% of the population

#4046cc hex color

#4046cc Color Information

#4046cc Color Conversion

Color Schemes with #4046cc

Alternatives to #4046cc

#4046cc Preview

Shades and Tints of #4046cc

Tones of #4046cc

Color Blindness Simulator