#42557a hex color

In a RGB color space, hex #42557a is composed of 25.9% red, 33.3% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 30.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 219.6 degrees, a saturation of 29.8% and a lightness of 36.9%. #42557a color hex could be obtained by blending #84aaf4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 26
- G 33
- B 48
RGB color chart
- C 46
- M 30
- Y 0
- K 52
CMYK color chart

● #42557a color description : Dark moderate blue.

The hexadecimal color #42557a has RGB values of R:66, G:85, B:122 and CMYK values of C:0.46, M:0.3, Y:0, K:0.52. Its decimal value is 4347258.

Hex triplet	42557a	`#42557a`
RGB Decimal	66, 85, 122	`rgb(66,85,122)`
RGB Percent	25.9, 33.3, 47.8	`rgb(25.9%,33.3%,47.8%)`
CMYK	46, 30, 0, 52
HSL	219.6°, 29.8, 36.9	`hsl(219.6,29.8%,36.9%)`
HSV (or HSB)	219.6°, 45.9, 47.8
Web Safe	336666	`#336666`

CIE-LAB	36.1, 3.391, -23.263
XYZ	9.007, 9.06, 19.685
xyY	0.239, 0.24, 9.06
CIE-LCH	36.1, 23.509, 278.294
CIE-LUV	36.1, -9.946, -32.174
Hunter-Lab	30.1, 0.741, -17.706
Binary	01000010, 01010101, 01111010

#42557a
```
#42557a rgb(66,85,122)
```
#7a6742
```
#7a6742 rgb(122,103,66)
```

Complementary Color

#42717a
```
#42717a rgb(66,113,122)
```
#42557a
```
#42557a rgb(66,85,122)
```
#4b427a
```
#4b427a rgb(75,66,122)
```

Analogous Color

#717a42
```
#717a42 rgb(113,122,66)
```
#42557a
```
#42557a rgb(66,85,122)
```
#7a4b42
```
#7a4b42 rgb(122,75,66)
```

Split Complementary Color

#557a42
```
#557a42 rgb(85,122,66)
```
#42557a
```
#42557a rgb(66,85,122)
```
#7a4255
```
#7a4255 rgb(122,66,85)
```

Triadic Color

#427a67
```
#427a67 rgb(66,122,103)
```
#42557a
```
#42557a rgb(66,85,122)
```
#7a4255
```
#7a4255 rgb(122,66,85)
```
#7a6742
```
#7a6742 rgb(122,103,66)
```

Tetradic Color

#273248
```
#273248 rgb(39,50,72)
```
#303e59
```
#303e59 rgb(48,62,89)
```
#394969
```
#394969 rgb(57,73,105)
```
#42557a
```
#42557a rgb(66,85,122)
```
#4b618b
```
#4b618b rgb(75,97,139)
```
#546c9b
```
#546c9b rgb(84,108,155)
```
#6078a9
```
#6078a9 rgb(96,120,169)
```

Monochromatic Color

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

#42637a
```
#42637a rgb(66,99,122)
```
#425e7a
```
#425e7a rgb(66,94,122)
```
#425a7a
```
#425a7a rgb(66,90,122)
```
#42557a
```
#42557a rgb(66,85,122)
```
#42507a
```
#42507a rgb(66,80,122)
```
#424c7a
```
#424c7a rgb(66,76,122)
```
#42477a
```
#42477a rgb(66,71,122)
```

Similar Colors

Text with hexadecimal color #42557a

This text has a font color of #42557a.

<span style="color:#42557a;">Text here</span>

#42557a background color

This paragraph has a background color of #42557a.

<p style="background-color:#42557a;">Content here</p>

#42557a border color

This element has a border color of #42557a.

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

CSS codes

.text {color:#42557a;}

.background {background-color:#42557a;}

.border {border:1px solid #42557a;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0e14
```
#0b0e14 rgb(11,14,20)
```
#121721
```
#121721 rgb(18,23,33)
```
#19202e
```
#19202e rgb(25,32,46)
```
#20293a
```
#20293a rgb(32,41,58)
```
#263247
```
#263247 rgb(38,50,71)
```
#2d3a54
```
#2d3a54 rgb(45,58,84)
```
#344361
```
#344361 rgb(52,67,97)
```
#3b4c6d
```
#3b4c6d rgb(59,76,109)
```
#42557a
```
#42557a rgb(66,85,122)
```
#495e87
```
#495e87 rgb(73,94,135)
```
#506793
```
#506793 rgb(80,103,147)
```
#5770a0
```
#5770a0 rgb(87,112,160)
```

Shade Color Variation

#617aaa
```
#617aaa rgb(97,122,170)
```
#6e84b0
```
#6e84b0 rgb(110,132,176)
```
#7a8fb7
```
#7a8fb7 rgb(122,143,183)
```
#879abe
```
#879abe rgb(135,154,190)
```
#94a5c5
```
#94a5c5 rgb(148,165,197)
```
#a1afcc
```
#a1afcc rgb(161,175,204)
```
#adbad3
```
#adbad3 rgb(173,186,211)
```
#bac5da
```
#bac5da rgb(186,197,218)
```
#c7d0e1
```
#c7d0e1 rgb(199,208,225)
```
#d4dae7
```
#d4dae7 rgb(212,218,231)
```
#e0e5ee
```
#e0e5ee rgb(224,229,238)
```
#edf0f5
```
#edf0f5 rgb(237,240,245)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585c64 is the less saturated color, while #0140bb is the most saturated one.

#585c64
```
#585c64 rgb(88,92,100)
```
#505a6c
```
#505a6c rgb(80,90,108)
```
#495773
```
#495773 rgb(73,87,115)
```
#42557a
```
#42557a rgb(66,85,122)
```
#3b5381
```
#3b5381 rgb(59,83,129)
```
#345088
```
#345088 rgb(52,80,136)
```
#2c4e90
```
#2c4e90 rgb(44,78,144)
```
#254c97
```
#254c97 rgb(37,76,151)
```
#1e499e
```
#1e499e rgb(30,73,158)
```
#1747a5
```
#1747a5 rgb(23,71,165)
```
#0f45ad
```
#0f45ad rgb(15,69,173)
```
#0842b4
```
#0842b4 rgb(8,66,180)
```
#0140bb
```
#0140bb rgb(1,64,187)
```

Tone Color Variation

Below, you can see how #42557a 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

#545454 Achromatopsia 0.005% of the population
#50545c Atypical Achromatopsia 0.001% of the population

Dichromacy

#525c80 Protanopia 1% of men
#4f5c81 Deuteranopia 1% of men
#436269 Tritanopia 0.001% of the population

Trichromacy

#4c597d Protanomaly 1% of men, 0.01% of women
#4a5a7e Deuteranomaly 6% of men, 0.4% of women
#435d6f Tritanomaly 0.01% of the population

#42557a hex color

#42557a Color Information

#42557a Color Conversion

Color Schemes with #42557a

Alternatives to #42557a

#42557a Preview

Shades and Tints of #42557a

Tones of #42557a

Color Blindness Simulator