#424f6a hex color

In a RGB color space, hex #424f6a is composed of 25.9% red, 31% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 25.5% magenta, 0% yellow and 58.4% black. It has a hue angle of 220.5 degrees, a saturation of 23.3% and a lightness of 33.7%. #424f6a color hex could be obtained by blending #849ed4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 26
- G 31
- B 42
RGB color chart
- C 38
- M 25
- Y 0
- K 58
CMYK color chart

● #424f6a color description : Very dark desaturated blue.

The hexadecimal color #424f6a has RGB values of R:66, G:79, B:106 and CMYK values of C:0.38, M:0.25, Y:0, K:0.58. Its decimal value is 4345706.

Hex triplet	424f6a	`#424f6a`
RGB Decimal	66, 79, 106	`rgb(66,79,106)`
RGB Percent	25.9, 31, 41.6	`rgb(25.9%,31%,41.6%)`
CMYK	38, 25, 0, 58
HSL	220.5°, 23.3, 33.7	`hsl(220.5,23.3%,33.7%)`
HSV (or HSB)	220.5°, 37.7, 41.6
Web Safe	336666	`#336666`

CIE-LAB	33.543, 2.273, -17.265
XYZ	7.644, 7.791, 14.736
xyY	0.253, 0.258, 7.791
CIE-LCH	33.543, 17.414, 277.501
CIE-LUV	33.543, -7.244, -22.998
Hunter-Lab	27.912, 0.038, -11.764
Binary	01000010, 01001111, 01101010

#424f6a
```
#424f6a rgb(66,79,106)
```
#6a5d42
```
#6a5d42 rgb(106,93,66)
```

Complementary Color

#42636a
```
#42636a rgb(66,99,106)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#49426a
```
#49426a rgb(73,66,106)
```

Analogous Color

#636a42
```
#636a42 rgb(99,106,66)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#6a4942
```
#6a4942 rgb(106,73,66)
```

Split Complementary Color

#4f6a42
```
#4f6a42 rgb(79,106,66)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#6a424f
```
#6a424f rgb(106,66,79)
```

Triadic Color

#426a5d
```
#426a5d rgb(66,106,93)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#6a424f
```
#6a424f rgb(106,66,79)
```
#6a5d42
```
#6a5d42 rgb(106,93,66)
```

Tetradic Color

#252c3b
```
#252c3b rgb(37,44,59)
```
#2e384b
```
#2e384b rgb(46,56,75)
```
#38435a
```
#38435a rgb(56,67,90)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#4c5b7a
```
#4c5b7a rgb(76,91,122)
```
#566689
```
#566689 rgb(86,102,137)
```
#5f7299
```
#5f7299 rgb(95,114,153)
```

Monochromatic Color

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

#42596a
```
#42596a rgb(66,89,106)
```
#42566a
```
#42566a rgb(66,86,106)
```
#42526a
```
#42526a rgb(66,82,106)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#424c6a
```
#424c6a rgb(66,76,106)
```
#42486a
```
#42486a rgb(66,72,106)
```
#42456a
```
#42456a rgb(66,69,106)
```

Similar Colors

Text with hexadecimal color #424f6a

This text has a font color of #424f6a.

<span style="color:#424f6a;">Text here</span>

#424f6a background color

This paragraph has a background color of #424f6a.

<p style="background-color:#424f6a;">Content here</p>

#424f6a border color

This element has a border color of #424f6a.

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

CSS codes

.text {color:#424f6a;}

.background {background-color:#424f6a;}

.border {border:1px solid #424f6a;}

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

#060709
```
#060709 rgb(6,7,9)
```
#0d1015
```
#0d1015 rgb(13,16,21)
```
#151921
```
#151921 rgb(21,25,33)
```
#1c222e
```
#1c222e rgb(28,34,46)
```
#242b3a
```
#242b3a rgb(36,43,58)
```
#2b3446
```
#2b3446 rgb(43,52,70)
```
#333d52
```
#333d52 rgb(51,61,82)
```
#3a465e
```
#3a465e rgb(58,70,94)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#4a5876
```
#4a5876 rgb(74,88,118)
```
#516182
```
#516182 rgb(81,97,130)
```
#596a8e
```
#596a8e rgb(89,106,142)
```
#60739a
```
#60739a rgb(96,115,154)
```

Shade Color Variation

#6b7da3
```
#6b7da3 rgb(107,125,163)
```
#7788aa
```
#7788aa rgb(119,136,170)
```
#8392b2
```
#8392b2 rgb(131,146,178)
```
#8f9dba
```
#8f9dba rgb(143,157,186)
```
#9ba8c1
```
#9ba8c1 rgb(155,168,193)
```
#a8b2c9
```
#a8b2c9 rgb(168,178,201)
```
#b4bdd0
```
#b4bdd0 rgb(180,189,208)
```
#c0c8d8
```
#c0c8d8 rgb(192,200,216)
```
#ccd2df
```
#ccd2df rgb(204,210,223)
```
#d8dde7
```
#d8dde7 rgb(216,221,231)
```
#e4e7ee
```
#e4e7ee rgb(228,231,238)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565656 is the less saturated color, while #063aa6 is the most saturated one.

#565656
```
#565656 rgb(86,86,86)
```
#4f545d
```
#4f545d rgb(79,84,93)
```
#495163
```
#495163 rgb(73,81,99)
```
#424f6a
```
#424f6a rgb(66,79,106)
```
#3b4d71
```
#3b4d71 rgb(59,77,113)
```
#354a77
```
#354a77 rgb(53,74,119)
```
#2e487e
```
#2e487e rgb(46,72,126)
```
#284684
```
#284684 rgb(40,70,132)
```
#21438b
```
#21438b rgb(33,67,139)
```
#1a4192
```
#1a4192 rgb(26,65,146)
```
#143f98
```
#143f98 rgb(20,63,152)
```
#0d3c9f
```
#0d3c9f rgb(13,60,159)
```
#063aa6
```
#063aa6 rgb(6,58,166)
```

Tone Color Variation

Below, you can see how #424f6a 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

#4e4e4e Achromatopsia 0.005% of the population
#4c4e54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#505771 Protanopia 1% of men
#505672 Deuteranopia 1% of men
#475b61 Tritanopia 0.001% of the population

Trichromacy

#4b546e Protanomaly 1% of men, 0.01% of women
#4b536f Deuteranomaly 6% of men, 0.4% of women
#455664 Tritanomaly 0.01% of the population

#424f6a hex color

#424f6a Color Information

#424f6a Color Conversion

Color Schemes with #424f6a

Alternatives to #424f6a

#424f6a Preview

Shades and Tints of #424f6a

Tones of #424f6a

Color Blindness Simulator