#4058cc hex color

In a RGB color space, hex #4058cc is composed of 25.1% red, 34.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 56.9% magenta, 0% yellow and 20% black. It has a hue angle of 229.7 degrees, a saturation of 57.9% and a lightness of 52.5%. #4058cc color hex could be obtained by blending #80b0ff with #000099. Closest websafe color is: #3366cc.

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

● #4058cc color description : Moderate blue.

The hexadecimal color #4058cc has RGB values of R:64, G:88, B:204 and CMYK values of C:0.69, M:0.57, Y:0, K:0.2. Its decimal value is 4217036.

Hex triplet	4058cc	`#4058cc`
RGB Decimal	64, 88, 204	`rgb(64,88,204)`
RGB Percent	25.1, 34.5, 80	`rgb(25.1%,34.5%,80%)`
CMYK	69, 57, 0, 20
HSL	229.7°, 57.9, 52.5	`hsl(229.7,57.9%,52.5%)`
HSV (or HSB)	229.7°, 68.6, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.889, 29.409, -62.924
XYZ	16.501, 12.428, 58.653
xyY	0.188, 0.142, 12.428
CIE-LCH	41.889, 69.457, 295.05
CIE-LUV	41.889, -12.869, -94.271
Hunter-Lab	35.253, 21.856, -73.966
Binary	01000000, 01011000, 11001100

#4058cc
```
#4058cc rgb(64,88,204)
```
#ccb440
```
#ccb440 rgb(204,180,64)
```

Complementary Color

#409ecc
```
#409ecc rgb(64,158,204)
```
#4058cc
```
#4058cc rgb(64,88,204)
```
#6e40cc
```
#6e40cc rgb(110,64,204)
```

Analogous Color

#9ecc40
```
#9ecc40 rgb(158,204,64)
```
#4058cc
```
#4058cc rgb(64,88,204)
```
#cc6e40
```
#cc6e40 rgb(204,110,64)
```

Split Complementary Color

#58cc40
```
#58cc40 rgb(88,204,64)
```
#4058cc
```
#4058cc rgb(64,88,204)
```
#cc4058
```
#cc4058 rgb(204,64,88)
```

Triadic Color

#40ccb4
```
#40ccb4 rgb(64,204,180)
```
#4058cc
```
#4058cc rgb(64,88,204)
```
#cc4058
```
#cc4058 rgb(204,64,88)
```
#ccb440
```
#ccb440 rgb(204,180,64)
```

Tetradic Color

#283b97
```
#283b97 rgb(40,59,151)
```
#2e43ab
```
#2e43ab rgb(46,67,171)
```
#334bbf
```
#334bbf rgb(51,75,191)
```
#4058cc
```
#4058cc rgb(64,88,204)
```
#546ad1
```
#546ad1 rgb(84,106,209)
```
#687bd7
```
#687bd7 rgb(104,123,215)
```
#7c8ddc
```
#7c8ddc rgb(124,141,220)
```

Monochromatic Color

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

#407bcc
```
#407bcc rgb(64,123,204)
```
#406fcc
```
#406fcc rgb(64,111,204)
```
#4064cc
```
#4064cc rgb(64,100,204)
```
#4058cc
```
#4058cc rgb(64,88,204)
```
#404ccc
```
#404ccc rgb(64,76,204)
```
#4041cc
```
#4041cc rgb(64,65,204)
```
#4b40cc
```
#4b40cc rgb(75,64,204)
```

Similar Colors

Text with hexadecimal color #4058cc

This text has a font color of #4058cc.

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

#4058cc background color

This paragraph has a background color of #4058cc.

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

#4058cc border color

This element has a border color of #4058cc.

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

CSS codes

.text {color:#4058cc;}

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

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

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

#03040a
```
#03040a rgb(3,4,10)
```
#070a1a
```
#070a1a rgb(7,10,26)
```
#0b1029
```
#0b1029 rgb(11,16,41)
```
#0f1639
```
#0f1639 rgb(15,22,57)
```
#131c48
```
#131c48 rgb(19,28,72)
```
#172258
```
#172258 rgb(23,34,88)
```
#1c2967
```
#1c2967 rgb(28,41,103)
```
#202f77
```
#202f77 rgb(32,47,119)
```
#243586
```
#243586 rgb(36,53,134)
```
#283b96
```
#283b96 rgb(40,59,150)
```
#2c41a5
```
#2c41a5 rgb(44,65,165)
```
#3047b5
```
#3047b5 rgb(48,71,181)
```
#344dc4
```
#344dc4 rgb(52,77,196)
```

Shade Color Variation

#4058cc
```
#4058cc rgb(64,88,204)
```
#4f66d0
```
#4f66d0 rgb(79,102,208)
```
#5f73d4
```
#5f73d4 rgb(95,115,212)
```
#6e81d8
```
#6e81d8 rgb(110,129,216)
```
#7e8edd
```
#7e8edd rgb(126,142,221)
```
#8d9ce1
```
#8d9ce1 rgb(141,156,225)
```
#9da9e5
```
#9da9e5 rgb(157,169,229)
```
#acb7e9
```
#acb7e9 rgb(172,183,233)
```
#bcc4ed
```
#bcc4ed rgb(188,196,237)
```
#cbd2f1
```
#cbd2f1 rgb(203,210,241)
```
#dbdff5
```
#dbdff5 rgb(219,223,245)
```
#eaedf9
```
#eaedf9 rgb(234,237,249)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#81838b
```
#81838b rgb(129,131,139)
```
#787d94
```
#787d94 rgb(120,125,148)
```
#6f779d
```
#6f779d rgb(111,119,157)
```
#6570a7
```
#6570a7 rgb(101,112,167)
```
#5c6ab0
```
#5c6ab0 rgb(92,106,176)
```
#5364b9
```
#5364b9 rgb(83,100,185)
```
#495ec3
```
#495ec3 rgb(73,94,195)
```
#4058cc
```
#4058cc rgb(64,88,204)
```
#3752d5
```
#3752d5 rgb(55,82,213)
```
#2d4cdf
```
#2d4cdf rgb(45,76,223)
```
#2446e8
```
#2446e8 rgb(36,70,232)
```
#1b40f1
```
#1b40f1 rgb(27,64,241)
```
#1139fb
```
#1139fb rgb(17,57,251)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#585d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#006db2 Deuteranopia 1% of men
#00757d Tritanopia 0.001% of the population

Trichromacy

#1761cb Protanomaly 1% of men, 0.01% of women
#1765bb Deuteranomaly 6% of men, 0.4% of women
#176a99 Tritanomaly 0.01% of the population

#4058cc hex color

#4058cc Color Information

#4058cc Color Conversion

Color Schemes with #4058cc

Alternatives to #4058cc

#4058cc Preview

Shades and Tints of #4058cc

Tones of #4058cc

Color Blindness Simulator