#616a7d hex color

In a RGB color space, hex #616a7d is composed of 38% red, 41.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 15.2% magenta, 0% yellow and 51% black. It has a hue angle of 220.7 degrees, a saturation of 12.6% and a lightness of 43.5%. #616a7d color hex could be obtained by blending #c2d4fa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 38
- G 42
- B 49
RGB color chart
- C 22
- M 15
- Y 0
- K 51
CMYK color chart

● #616a7d color description : Dark grayish blue.

The hexadecimal color #616a7d has RGB values of R:97, G:106, B:125 and CMYK values of C:0.22, M:0.15, Y:0, K:0.51. Its decimal value is 6384253.

Hex triplet	616a7d	`#616a7d`
RGB Decimal	97, 106, 125	`rgb(97,106,125)`
RGB Percent	38, 41.6, 49	`rgb(38%,41.6%,49%)`
CMYK	22, 15, 0, 51
HSL	220.7°, 12.6, 43.5	`hsl(220.7,12.6%,43.5%)`
HSV (or HSB)	220.7°, 22.4, 49
Web Safe	666666	`#666666`

CIE-LAB	44.702, 1.05, -11.697
XYZ	13.785, 14.33, 21.441
xyY	0.278, 0.289, 14.33
CIE-LCH	44.702, 11.744, 275.128
CIE-LUV	44.702, -5.63, -16.418
Hunter-Lab	37.855, -1.246, -7.083
Binary	01100001, 01101010, 01111101

#616a7d
```
#616a7d rgb(97,106,125)
```
#7d7461
```
#7d7461 rgb(125,116,97)
```

Complementary Color

#61787d
```
#61787d rgb(97,120,125)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#66617d
```
#66617d rgb(102,97,125)
```

Analogous Color

#787d61
```
#787d61 rgb(120,125,97)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#7d6661
```
#7d6661 rgb(125,102,97)
```

Split Complementary Color

#6a7d61
```
#6a7d61 rgb(106,125,97)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#7d616a
```
#7d616a rgb(125,97,106)
```

Triadic Color

#617d74
```
#617d74 rgb(97,125,116)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#7d616a
```
#7d616a rgb(125,97,106)
```
#7d7461
```
#7d7461 rgb(125,116,97)
```

Tetradic Color

#404552
```
#404552 rgb(64,69,82)
```
#4b5260
```
#4b5260 rgb(75,82,96)
```
#565e6f
```
#565e6f rgb(86,94,111)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#6c768b
```
#6c768b rgb(108,118,139)
```
#7a8397
```
#7a8397 rgb(122,131,151)
```
#8890a3
```
#8890a3 rgb(136,144,163)
```

Monochromatic Color

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

#61717d
```
#61717d rgb(97,113,125)
```
#616f7d
```
#616f7d rgb(97,111,125)
```
#616c7d
```
#616c7d rgb(97,108,125)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#61687d
```
#61687d rgb(97,104,125)
```
#61657d
```
#61657d rgb(97,101,125)
```
#61637d
```
#61637d rgb(97,99,125)
```

Similar Colors

Text with hexadecimal color #616a7d

This text has a font color of #616a7d.

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

#616a7d background color

This paragraph has a background color of #616a7d.

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

#616a7d border color

This element has a border color of #616a7d.

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

CSS codes

.text {color:#616a7d;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0b0c0f
```
#0b0c0f rgb(11,12,15)
```
#14161a
```
#14161a rgb(20,22,26)
```
#1c1f25
```
#1c1f25 rgb(28,31,37)
```
#252830
```
#252830 rgb(37,40,48)
```
#2e323b
```
#2e323b rgb(46,50,59)
```
#363b46
```
#363b46 rgb(54,59,70)
```
#3f4551
```
#3f4551 rgb(63,69,81)
```
#474e5c
```
#474e5c rgb(71,78,92)
```
#505767
```
#505767 rgb(80,87,103)
```
#586172
```
#586172 rgb(88,97,114)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#6a7388
```
#6a7388 rgb(106,115,136)
```

Shade Color Variation

#737d92
```
#737d92 rgb(115,125,146)
```
#7e879b
```
#7e879b rgb(126,135,155)
```
#8992a3
```
#8992a3 rgb(137,146,163)
```
#949cac
```
#949cac rgb(148,156,172)
```
#9fa6b5
```
#9fa6b5 rgb(159,166,181)
```
#aab0bd
```
#aab0bd rgb(170,176,189)
```
#b5bbc6
```
#b5bbc6 rgb(181,187,198)
```
#c0c5ce
```
#c0c5ce rgb(192,197,206)
```
#cbcfd7
```
#cbcfd7 rgb(203,207,215)
```
#d6d9df
```
#d6d9df rgb(214,217,223)
```
#e1e4e8
```
#e1e4e8 rgb(225,228,232)
```
#eceef1
```
#eceef1 rgb(236,238,241)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

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

#6a6d74
```
#6a6d74 rgb(106,109,116)
```
#616a7d
```
#616a7d rgb(97,106,125)
```
#586786
```
#586786 rgb(88,103,134)
```
#50648e
```
#50648e rgb(80,100,142)
```
#476197
```
#476197 rgb(71,97,151)
```
#3f5e9f
```
#3f5e9f rgb(63,94,159)
```
#365ba8
```
#365ba8 rgb(54,91,168)
```
#2e58b0
```
#2e58b0 rgb(46,88,176)
```
#2555b9
```
#2555b9 rgb(37,85,185)
```
#1d52c1
```
#1d52c1 rgb(29,82,193)
```
#144fca
```
#144fca rgb(20,79,202)
```
#0c4cd2
```
#0c4cd2 rgb(12,76,210)
```
#0348db
```
#0348db rgb(3,72,219)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#67696d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d7083 Protanopia 1% of men
#726f84 Deuteranopia 1% of men
#67737b Tritanopia 0.001% of the population

Trichromacy

#696e80 Protanomaly 1% of men, 0.01% of women
#6b6d81 Deuteranomaly 6% of men, 0.4% of women
#656f7c Tritanomaly 0.01% of the population

#616a7d hex color

#616a7d Color Information

#616a7d Color Conversion

Color Schemes with #616a7d

Alternatives to #616a7d

#616a7d Preview

Shades and Tints of #616a7d

Tones of #616a7d

Color Blindness Simulator