#5a6274 hex color

In a RGB color space, hex #5a6274 is composed of 35.3% red, 38.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 15.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 221.5 degrees, a saturation of 12.6% and a lightness of 40.4%. #5a6274 color hex could be obtained by blending #b4c4e8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 38
- B 45
RGB color chart
- C 22
- M 16
- Y 0
- K 55
CMYK color chart

● #5a6274 color description : Dark grayish blue.

The hexadecimal color #5a6274 has RGB values of R:90, G:98, B:116 and CMYK values of C:0.22, M:0.16, Y:0, K:0.55. Its decimal value is 5923444.

Hex triplet	5a6274	`#5a6274`
RGB Decimal	90, 98, 116	`rgb(90,98,116)`
RGB Percent	35.3, 38.4, 45.5	`rgb(35.3%,38.4%,45.5%)`
CMYK	22, 16, 0, 55
HSL	221.5°, 12.6, 40.4	`hsl(221.5,12.6%,40.4%)`
HSV (or HSB)	221.5°, 22.4, 45.5
Web Safe	666666	`#666666`

CIE-LAB	41.485, 1.2, -11.166
XYZ	11.736, 12.17, 18.253
xyY	0.278, 0.289, 12.17
CIE-LCH	41.485, 11.23, 276.134
CIE-LUV	41.485, -5.038, -15.39
Hunter-Lab	34.885, -0.999, -6.602
Binary	01011010, 01100010, 01110100

#5a6274
```
#5a6274 rgb(90,98,116)
```
#746c5a
```
#746c5a rgb(116,108,90)
```

Complementary Color

#5a6f74
```
#5a6f74 rgb(90,111,116)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#5f5a74
```
#5f5a74 rgb(95,90,116)
```

Analogous Color

#6f745a
```
#6f745a rgb(111,116,90)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#745f5a
```
#745f5a rgb(116,95,90)
```

Split Complementary Color

#62745a
```
#62745a rgb(98,116,90)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#745a62
```
#745a62 rgb(116,90,98)
```

Triadic Color

#5a746c
```
#5a746c rgb(90,116,108)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#745a62
```
#745a62 rgb(116,90,98)
```
#746c5a
```
#746c5a rgb(116,108,90)
```

Tetradic Color

#393e49
```
#393e49 rgb(57,62,73)
```
#444a57
```
#444a57 rgb(68,74,87)
```
#4f5666
```
#4f5666 rgb(79,86,102)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#656e82
```
#656e82 rgb(101,110,130)
```
#717a90
```
#717a90 rgb(113,122,144)
```
#7f889c
```
#7f889c rgb(127,136,156)
```

Monochromatic Color

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

#5a6974
```
#5a6974 rgb(90,105,116)
```
#5a6674
```
#5a6674 rgb(90,102,116)
```
#5a6474
```
#5a6474 rgb(90,100,116)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#5a6074
```
#5a6074 rgb(90,96,116)
```
#5a5e74
```
#5a5e74 rgb(90,94,116)
```
#5a5c74
```
#5a5c74 rgb(90,92,116)
```

Similar Colors

Text with hexadecimal color #5a6274

This text has a font color of #5a6274.

<span style="color:#5a6274;">Text here</span>

#5a6274 background color

This paragraph has a background color of #5a6274.

<p style="background-color:#5a6274;">Content here</p>

#5a6274 border color

This element has a border color of #5a6274.

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

CSS codes

.text {color:#5a6274;}

.background {background-color:#5a6274;}

.border {border:1px solid #5a6274;}

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

#040506
```
#040506 rgb(4,5,6)
```
#0d0e11
```
#0d0e11 rgb(13,14,17)
```
#15171c
```
#15171c rgb(21,23,28)
```
#1e2127
```
#1e2127 rgb(30,33,39)
```
#272a32
```
#272a32 rgb(39,42,50)
```
#2f333d
```
#2f333d rgb(47,51,61)
```
#383d48
```
#383d48 rgb(56,61,72)
```
#404653
```
#404653 rgb(64,70,83)
```
#494f5e
```
#494f5e rgb(73,79,94)
```
#515969
```
#515969 rgb(81,89,105)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#636b7f
```
#636b7f rgb(99,107,127)
```
#6b758a
```
#6b758a rgb(107,117,138)
```

Shade Color Variation

#757e94
```
#757e94 rgb(117,126,148)
```
#80899c
```
#80899c rgb(128,137,156)
```
#8b93a5
```
#8b93a5 rgb(139,147,165)
```
#969dae
```
#969dae rgb(150,157,174)
```
#a1a8b6
```
#a1a8b6 rgb(161,168,182)
```
#acb2bf
```
#acb2bf rgb(172,178,191)
```
#b7bcc7
```
#b7bcc7 rgb(183,188,199)
```
#c2c6d0
```
#c2c6d0 rgb(194,198,208)
```
#cdd1d8
```
#cdd1d8 rgb(205,209,216)
```
#d8dbe1
```
#d8dbe1 rgb(216,219,225)
```
#e3e5ea
```
#e3e5ea rgb(227,229,234)
```
#eef0f2
```
#eef0f2 rgb(238,240,242)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62656c is the less saturated color, while #0340cb is the most saturated one.

#62656c
```
#62656c rgb(98,101,108)
```
#5a6274
```
#5a6274 rgb(90,98,116)
```
#525f7c
```
#525f7c rgb(82,95,124)
```
#4a5c84
```
#4a5c84 rgb(74,92,132)
```
#42598c
```
#42598c rgb(66,89,140)
```
#3a5694
```
#3a5694 rgb(58,86,148)
```
#32539c
```
#32539c rgb(50,83,156)
```
#2a50a4
```
#2a50a4 rgb(42,80,164)
```
#234dab
```
#234dab rgb(35,77,171)
```
#1b4ab3
```
#1b4ab3 rgb(27,74,179)
```
#1347bb
```
#1347bb rgb(19,71,187)
```
#0b44c3
```
#0b44c3 rgb(11,68,195)
```
#0340cb
```
#0340cb rgb(3,64,203)
```

Tone Color Variation

Below, you can see how #5a6274 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

#626262 Achromatopsia 0.005% of the population
#606266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#66697a Protanopia 1% of men
#6a677c Deuteranopia 1% of men
#606b73 Tritanopia 0.001% of the population

Trichromacy

#616678 Protanomaly 1% of men, 0.01% of women
#646579 Deuteranomaly 6% of men, 0.4% of women
#5e6873 Tritanomaly 0.01% of the population

#5a6274 hex color

#5a6274 Color Information

#5a6274 Color Conversion

Color Schemes with #5a6274

Alternatives to #5a6274

#5a6274 Preview

Shades and Tints of #5a6274

Tones of #5a6274

Color Blindness Simulator