#6180ae hex color

In a RGB color space, hex #6180ae is composed of 38% red, 50.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 26.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 215.8 degrees, a saturation of 32.2% and a lightness of 53.1%. #6180ae color hex could be obtained by blending #c2ffff with #00015d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 38
- G 50
- B 68
RGB color chart
- C 44
- M 26
- Y 0
- K 32
CMYK color chart

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

The hexadecimal color #6180ae has RGB values of R:97, G:128, B:174 and CMYK values of C:0.44, M:0.26, Y:0, K:0.32. Its decimal value is 6389934.

Hex triplet	6180ae	`#6180ae`
RGB Decimal	97, 128, 174	`rgb(97,128,174)`
RGB Percent	38, 50.2, 68.2	`rgb(38%,50.2%,68.2%)`
CMYK	44, 26, 0, 32
HSL	215.8°, 32.2, 53.1	`hsl(215.8,32.2%,53.1%)`
HSV (or HSB)	215.8°, 44.3, 68.2
Web Safe	669999	`#669999`

CIE-LAB	52.988, 1.452, -27.828
XYZ	20.287, 21.035, 43.033
xyY	0.24, 0.249, 21.035
CIE-LCH	52.988, 27.866, 272.986
CIE-LUV	52.988, -16.045, -42.109
Hunter-Lab	45.864, -1.305, -23.526
Binary	01100001, 10000000, 10101110

#6180ae
```
#6180ae rgb(97,128,174)
```
#ae8f61
```
#ae8f61 rgb(174,143,97)
```

Complementary Color

#61a7ae
```
#61a7ae rgb(97,167,174)
```
#6180ae
```
#6180ae rgb(97,128,174)
```
#6961ae
```
#6961ae rgb(105,97,174)
```

Analogous Color

#a7ae61
```
#a7ae61 rgb(167,174,97)
```
#6180ae
```
#6180ae rgb(97,128,174)
```
#ae6961
```
#ae6961 rgb(174,105,97)
```

Split Complementary Color

#80ae61
```
#80ae61 rgb(128,174,97)
```
#6180ae
```
#6180ae rgb(97,128,174)
```
#ae6180
```
#ae6180 rgb(174,97,128)
```

Triadic Color

#61ae8f
```
#61ae8f rgb(97,174,143)
```
#6180ae
```
#6180ae rgb(97,128,174)
```
#ae6180
```
#ae6180 rgb(174,97,128)
```
#ae8f61
```
#ae8f61 rgb(174,143,97)
```

Tetradic Color

#425b81
```
#425b81 rgb(66,91,129)
```
#4b6791
```
#4b6791 rgb(75,103,145)
```
#5373a2
```
#5373a2 rgb(83,115,162)
```
#6180ae
```
#6180ae rgb(97,128,174)
```
#728eb7
```
#728eb7 rgb(114,142,183)
```
#839bbf
```
#839bbf rgb(131,155,191)
```
#94a9c8
```
#94a9c8 rgb(148,169,200)
```

Monochromatic Color

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

#6193ae
```
#6193ae rgb(97,147,174)
```
#618dae
```
#618dae rgb(97,141,174)
```
#6186ae
```
#6186ae rgb(97,134,174)
```
#6180ae
```
#6180ae rgb(97,128,174)
```
#617aae
```
#617aae rgb(97,122,174)
```
#6173ae
```
#6173ae rgb(97,115,174)
```
#616dae
```
#616dae rgb(97,109,174)
```

Similar Colors

Text with hexadecimal color #6180ae

This text has a font color of #6180ae.

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

#6180ae background color

This paragraph has a background color of #6180ae.

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

#6180ae border color

This element has a border color of #6180ae.

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

CSS codes

.text {color:#6180ae;}

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

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

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, #05070b is the darkest color, while #fdfdfe is the lightest one.

#05070b
```
#05070b rgb(5,7,11)
```
#0c1118
```
#0c1118 rgb(12,17,24)
```
#131a25
```
#131a25 rgb(19,26,37)
```
#192331
```
#192331 rgb(25,35,49)
```
#202c3e
```
#202c3e rgb(32,44,62)
```
#27354b
```
#27354b rgb(39,53,75)
```
#2d3f58
```
#2d3f58 rgb(45,63,88)
```
#344865
```
#344865 rgb(52,72,101)
```
#3b5172
```
#3b5172 rgb(59,81,114)
```
#415a7f
```
#415a7f rgb(65,90,127)
```
#48638c
```
#48638c rgb(72,99,140)
```
#4f6d99
```
#4f6d99 rgb(79,109,153)
```
#5576a6
```
#5576a6 rgb(85,118,166)
```

Shade Color Variation

#6180ae
```
#6180ae rgb(97,128,174)
```
#6e8ab5
```
#6e8ab5 rgb(110,138,181)
```
#7b95bb
```
#7b95bb rgb(123,149,187)
```
#889fc2
```
#889fc2 rgb(136,159,194)
```
#95aac9
```
#95aac9 rgb(149,170,201)
```
#a2b4cf
```
#a2b4cf rgb(162,180,207)
```
#afbfd6
```
#afbfd6 rgb(175,191,214)
```
#bcc9dd
```
#bcc9dd rgb(188,201,221)
```
#c9d3e3
```
#c9d3e3 rgb(201,211,227)
```
#d6deea
```
#d6deea rgb(214,222,234)
```
#e3e8f0
```
#e3e8f0 rgb(227,232,240)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#868789
```
#868789 rgb(134,135,137)
```
#7d8592
```
#7d8592 rgb(125,133,146)
```
#73849c
```
#73849c rgb(115,132,156)
```
#6a82a5
```
#6a82a5 rgb(106,130,165)
```
#6180ae
```
#6180ae rgb(97,128,174)
```
#587eb7
```
#587eb7 rgb(88,126,183)
```
#4f7cc0
```
#4f7cc0 rgb(79,124,192)
```
#457bca
```
#457bca rgb(69,123,202)
```
#3c79d3
```
#3c79d3 rgb(60,121,211)
```
#3377dc
```
#3377dc rgb(51,119,220)
```
#2a75e5
```
#2a75e5 rgb(42,117,229)
```
#2173ee
```
#2173ee rgb(33,115,238)
```
#1772f8
```
#1772f8 rgb(23,114,248)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#777d86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7783b0 Protanopia 1% of men
#7483b3 Deuteranopia 1% of men
#5f8c96 Tritanopia 0.001% of the population

Trichromacy

#6f82af Protanomaly 1% of men, 0.01% of women
#6d82b1 Deuteranomaly 6% of men, 0.4% of women
#60879e Tritanomaly 0.01% of the population

#6180ae hex color

#6180ae Color Information

#6180ae Color Conversion

Color Schemes with #6180ae

Alternatives to #6180ae

#6180ae Preview

Shades and Tints of #6180ae

Tones of #6180ae

Color Blindness Simulator