#616a7f hex color

In a RGB color space, hex #616a7f is composed of 38% red, 41.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 16.5% magenta, 0% yellow and 50.2% black. It has a hue angle of 222 degrees, a saturation of 13.4% and a lightness of 43.9%. #616a7f color hex could be obtained by blending #c2d4fe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 38
- G 42
- B 50
RGB color chart
- C 24
- M 17
- Y 0
- K 50
CMYK color chart

● #616a7f color description : Dark grayish blue.

The hexadecimal color #616a7f has RGB values of R:97, G:106, B:127 and CMYK values of C:0.24, M:0.17, Y:0, K:0.5. Its decimal value is 6384255.

Hex triplet	616a7f	`#616a7f`
RGB Decimal	97, 106, 127	`rgb(97,106,127)`
RGB Percent	38, 41.6, 49.8	`rgb(38%,41.6%,49.8%)`
CMYK	24, 17, 0, 50
HSL	222°, 13.4, 43.9	`hsl(222,13.4%,43.9%)`
HSV (or HSB)	222°, 23.6, 49.8
Web Safe	666666	`#666666`

CIE-LAB	44.775, 1.553, -12.788
XYZ	13.914, 14.382, 22.12
xyY	0.276, 0.285, 14.382
CIE-LCH	44.775, 12.882, 276.925
CIE-LUV	44.775, -5.713, -18.078
Hunter-Lab	37.923, -0.874, -8.038
Binary	01100001, 01101010, 01111111

#616a7f
```
#616a7f rgb(97,106,127)
```
#7f7661
```
#7f7661 rgb(127,118,97)
```

Complementary Color

#61797f
```
#61797f rgb(97,121,127)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#67617f
```
#67617f rgb(103,97,127)
```

Analogous Color

#797f61
```
#797f61 rgb(121,127,97)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#7f6761
```
#7f6761 rgb(127,103,97)
```

Split Complementary Color

#6a7f61
```
#6a7f61 rgb(106,127,97)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#7f616a
```
#7f616a rgb(127,97,106)
```

Triadic Color

#617f76
```
#617f76 rgb(97,127,118)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#7f616a
```
#7f616a rgb(127,97,106)
```
#7f7661
```
#7f7661 rgb(127,118,97)
```

Tetradic Color

#404654
```
#404654 rgb(64,70,84)
```
#4b5262
```
#4b5262 rgb(75,82,98)
```
#565e71
```
#565e71 rgb(86,94,113)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#6c768d
```
#6c768d rgb(108,118,141)
```
#7a8399
```
#7a8399 rgb(122,131,153)
```
#8891a4
```
#8891a4 rgb(136,145,164)
```

Monochromatic Color

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

#61727f
```
#61727f rgb(97,114,127)
```
#616f7f
```
#616f7f rgb(97,111,127)
```
#616d7f
```
#616d7f rgb(97,109,127)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#61687f
```
#61687f rgb(97,104,127)
```
#61657f
```
#61657f rgb(97,101,127)
```
#61637f
```
#61637f rgb(97,99,127)
```

Similar Colors

Text with hexadecimal color #616a7f

This text has a font color of #616a7f.

<span style="color:#616a7f;">Text here</span>

#616a7f background color

This paragraph has a background color of #616a7f.

<p style="background-color:#616a7f;">Content here</p>

#616a7f border color

This element has a border color of #616a7f.

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

CSS codes

.text {color:#616a7f;}

.background {background-color:#616a7f;}

.border {border:1px solid #616a7f;}

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

#040405
```
#040405 rgb(4,4,5)
```
#0c0d10
```
#0c0d10 rgb(12,13,16)
```
#15161b
```
#15161b rgb(21,22,27)
```
#1d2026
```
#1d2026 rgb(29,32,38)
```
#262931
```
#262931 rgb(38,41,49)
```
#2e323c
```
#2e323c rgb(46,50,60)
```
#373c47
```
#373c47 rgb(55,60,71)
```
#3f4553
```
#3f4553 rgb(63,69,83)
```
#484e5e
```
#484e5e rgb(72,78,94)
```
#505769
```
#505769 rgb(80,87,105)
```
#596174
```
#596174 rgb(89,97,116)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#69738a
```
#69738a rgb(105,115,138)
```

Shade Color Variation

#737d94
```
#737d94 rgb(115,125,148)
```
#7e879d
```
#7e879d rgb(126,135,157)
```
#8992a5
```
#8992a5 rgb(137,146,165)
```
#949cae
```
#949cae rgb(148,156,174)
```
#a0a6b6
```
#a0a6b6 rgb(160,166,182)
```
#abb1bf
```
#abb1bf rgb(171,177,191)
```
#b6bbc7
```
#b6bbc7 rgb(182,187,199)
```
#c1c5d0
```
#c1c5d0 rgb(193,197,208)
```
#ccd0d8
```
#ccd0d8 rgb(204,208,216)
```
#d7dae1
```
#d7dae1 rgb(215,218,225)
```
#e2e4e9
```
#e2e4e9 rgb(226,228,233)
```
#edeff2
```
#edeff2 rgb(237,239,242)
```
#f9f9fa
```
#f9f9fa rgb(249,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6d76 is the less saturated color, while #0244de is the most saturated one.

#6a6d76
```
#6a6d76 rgb(106,109,118)
```
#616a7f
```
#616a7f rgb(97,106,127)
```
#586788
```
#586788 rgb(88,103,136)
```
#506390
```
#506390 rgb(80,99,144)
```
#476099
```
#476099 rgb(71,96,153)
```
#3f5ca1
```
#3f5ca1 rgb(63,92,161)
```
#3659aa
```
#3659aa rgb(54,89,170)
```
#2d55b3
```
#2d55b3 rgb(45,85,179)
```
#2552bb
```
#2552bb rgb(37,82,187)
```
#1c4ec4
```
#1c4ec4 rgb(28,78,196)
```
#134bcd
```
#134bcd rgb(19,75,205)
```
#0b48d5
```
#0b48d5 rgb(11,72,213)
```
#0244de
```
#0244de rgb(2,68,222)
```

Tone Color Variation

Below, you can see how #616a7f 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

#6a6a6a Achromatopsia 0.005% of the population
#686a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7085 Protanopia 1% of men
#716f86 Deuteranopia 1% of men
#66737b Tritanopia 0.001% of the population

Trichromacy

#686e82 Protanomaly 1% of men, 0.01% of women
#6b6d83 Deuteranomaly 6% of men, 0.4% of women
#64707c Tritanomaly 0.01% of the population

#616a7f hex color

#616a7f Color Information

#616a7f Color Conversion

Color Schemes with #616a7f

Alternatives to #616a7f

#616a7f Preview

Shades and Tints of #616a7f

Tones of #616a7f

Color Blindness Simulator