#6180a5 hex color

In a RGB color space, hex #6180a5 is composed of 38% red, 50.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 22.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 212.6 degrees, a saturation of 27.4% and a lightness of 51.4%. #6180a5 color hex could be obtained by blending #c2ffff with #00014b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 38
- G 50
- B 65
RGB color chart
- C 41
- M 22
- Y 0
- K 35
CMYK color chart

● #6180a5 color description : Mostly desaturated dark blue.

The hexadecimal color #6180a5 has RGB values of R:97, G:128, B:165 and CMYK values of C:0.41, M:0.22, Y:0, K:0.35. Its decimal value is 6389925.

Hex triplet	6180a5	`#6180a5`
RGB Decimal	97, 128, 165	`rgb(97,128,165)`
RGB Percent	38, 50.2, 64.7	`rgb(38%,50.2%,64.7%)`
CMYK	41, 22, 0, 35
HSL	212.6°, 27.4, 51.4	`hsl(212.6,27.4%,51.4%)`
HSV (or HSB)	212.6°, 41.2, 64.7
Web Safe	669999	`#669999`

CIE-LAB	52.615, -1.165, -23.205
XYZ	19.439, 20.696, 38.566
xyY	0.247, 0.263, 20.696
CIE-LCH	52.615, 23.235, 267.126
CIE-LUV	52.615, -15.958, -34.411
Hunter-Lab	45.492, -3.338, -18.418
Binary	01100001, 10000000, 10100101

#6180a5
```
#6180a5 rgb(97,128,165)
```
#a58661
```
#a58661 rgb(165,134,97)
```

Complementary Color

#61a2a5
```
#61a2a5 rgb(97,162,165)
```
#6180a5
```
#6180a5 rgb(97,128,165)
```
#6461a5
```
#6461a5 rgb(100,97,165)
```

Analogous Color

#a2a561
```
#a2a561 rgb(162,165,97)
```
#6180a5
```
#6180a5 rgb(97,128,165)
```
#a56461
```
#a56461 rgb(165,100,97)
```

Split Complementary Color

#80a561
```
#80a561 rgb(128,165,97)
```
#6180a5
```
#6180a5 rgb(97,128,165)
```
#a56180
```
#a56180 rgb(165,97,128)
```

Triadic Color

#61a586
```
#61a586 rgb(97,165,134)
```
#6180a5
```
#6180a5 rgb(97,128,165)
```
#a56180
```
#a56180 rgb(165,97,128)
```
#a58661
```
#a58661 rgb(165,134,97)
```

Tetradic Color

#435b76
```
#435b76 rgb(67,91,118)
```
#4d6786
```
#4d6786 rgb(77,103,134)
```
#567397
```
#567397 rgb(86,115,151)
```
#6180a5
```
#6180a5 rgb(97,128,165)
```
#718dae
```
#718dae rgb(113,141,174)
```
#819ab8
```
#819ab8 rgb(129,154,184)
```
#92a7c1
```
#92a7c1 rgb(146,167,193)
```

Monochromatic Color

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

#6191a5
```
#6191a5 rgb(97,145,165)
```
#618ba5
```
#618ba5 rgb(97,139,165)
```
#6186a5
```
#6186a5 rgb(97,134,165)
```
#6180a5
```
#6180a5 rgb(97,128,165)
```
#617aa5
```
#617aa5 rgb(97,122,165)
```
#6175a5
```
#6175a5 rgb(97,117,165)
```
#616fa5
```
#616fa5 rgb(97,111,165)
```

Similar Colors

Text with hexadecimal color #6180a5

This text has a font color of #6180a5.

<span style="color:#6180a5;">Text here</span>

#6180a5 background color

This paragraph has a background color of #6180a5.

<p style="background-color:#6180a5;">Content here</p>

#6180a5 border color

This element has a border color of #6180a5.

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

CSS codes

.text {color:#6180a5;}

.background {background-color:#6180a5;}

.border {border:1px solid #6180a5;}

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 #f7f9fa is the lightest one.

#030304
```
#030304 rgb(3,3,4)
```
#0a0d11
```
#0a0d11 rgb(10,13,17)
```
#11171d
```
#11171d rgb(17,23,29)
```
#18202a
```
#18202a rgb(24,32,42)
```
#1f2a36
```
#1f2a36 rgb(31,42,54)
```
#263343
```
#263343 rgb(38,51,67)
```
#2d3d4f
```
#2d3d4f rgb(45,61,79)
```
#34465c
```
#34465c rgb(52,70,92)
```
#3b5068
```
#3b5068 rgb(59,80,104)
```
#435a75
```
#435a75 rgb(67,90,117)
```
#4a6381
```
#4a6381 rgb(74,99,129)
```
#516d8e
```
#516d8e rgb(81,109,142)
```
#58769a
```
#58769a rgb(88,118,154)
```

Shade Color Variation

#6180a5
```
#6180a5 rgb(97,128,165)
```
#6d8aac
```
#6d8aac rgb(109,138,172)
```
#7a94b3
```
#7a94b3 rgb(122,148,179)
```
#869eba
```
#869eba rgb(134,158,186)
```
#93a8c1
```
#93a8c1 rgb(147,168,193)
```
#9fb2c9
```
#9fb2c9 rgb(159,178,201)
```
#acbcd0
```
#acbcd0 rgb(172,188,208)
```
#b8c6d7
```
#b8c6d7 rgb(184,198,215)
```
#c5d0de
```
#c5d0de rgb(197,208,222)
```
#d1dae5
```
#d1dae5 rgb(209,218,229)
```
#dee4ec
```
#dee4ec rgb(222,228,236)
```
#eaeef3
```
#eaeef3 rgb(234,238,243)
```
#f7f9fa
```
#f7f9fa rgb(247,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8388 is the less saturated color, while #0b78fb is the most saturated one.

#7e8388
```
#7e8388 rgb(126,131,136)
```
#748292
```
#748292 rgb(116,130,146)
```
#6b819b
```
#6b819b rgb(107,129,155)
```
#6180a5
```
#6180a5 rgb(97,128,165)
```
#577faf
```
#577faf rgb(87,127,175)
```
#4e7eb8
```
#4e7eb8 rgb(78,126,184)
```
#447dc2
```
#447dc2 rgb(68,125,194)
```
#3b7dcb
```
#3b7dcb rgb(59,125,203)
```
#317cd5
```
#317cd5 rgb(49,124,213)
```
#287bde
```
#287bde rgb(40,123,222)
```
#1e7ae8
```
#1e7ae8 rgb(30,122,232)
```
#1579f1
```
#1579f1 rgb(21,121,241)
```
#0b78fb
```
#0b78fb rgb(11,120,251)
```

Tone Color Variation

Below, you can see how #6180a5 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

#7b7b7b Achromatopsia 0.005% of the population
#767c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a82a7 Protanopia 1% of men
#7982ab Deuteranopia 1% of men
#628a94 Tritanopia 0.001% of the population

Trichromacy

#7081a6 Protanomaly 1% of men, 0.01% of women
#7081a8 Deuteranomaly 6% of men, 0.4% of women
#61869a Tritanomaly 0.01% of the population

#6180a5 hex color

#6180a5 Color Information

#6180a5 Color Conversion

Color Schemes with #6180a5

Alternatives to #6180a5

#6180a5 Preview

Shades and Tints of #6180a5

Tones of #6180a5

Color Blindness Simulator