#6180ba hex color

In a RGB color space, hex #6180ba is composed of 38% red, 50.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 31.2% magenta, 0% yellow and 27.1% black. It has a hue angle of 219.1 degrees, a saturation of 39.2% and a lightness of 55.5%. #6180ba color hex could be obtained by blending #c2ffff with #000175. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 50
- B 73
RGB color chart
- C 48
- M 31
- Y 0
- K 27
CMYK color chart

● #6180ba color description : Slightly desaturated blue.

The hexadecimal color #6180ba has RGB values of R:97, G:128, B:186 and CMYK values of C:0.48, M:0.31, Y:0, K:0.27. Its decimal value is 6389946.

Hex triplet	6180ba	`#6180ba`
RGB Decimal	97, 128, 186	`rgb(97,128,186)`
RGB Percent	38, 50.2, 72.9	`rgb(38%,50.2%,72.9%)`
CMYK	48, 31, 0, 27
HSL	219.1°, 39.2, 55.5	`hsl(219.1,39.2%,55.5%)`
HSV (or HSB)	219.1°, 47.8, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.518, 5.051, -33.897
XYZ	21.51, 21.524, 49.473
xyY	0.233, 0.233, 21.524
CIE-LCH	53.518, 34.271, 278.475
CIE-LUV	53.518, -16.17, -52.344
Hunter-Lab	46.394, 1.57, -30.749
Binary	01100001, 10000000, 10111010

#6180ba
```
#6180ba rgb(97,128,186)
```
#ba9b61
```
#ba9b61 rgb(186,155,97)
```

Complementary Color

#61adba
```
#61adba rgb(97,173,186)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#6f61ba
```
#6f61ba rgb(111,97,186)
```

Analogous Color

#adba61
```
#adba61 rgb(173,186,97)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#ba6f61
```
#ba6f61 rgb(186,111,97)
```

Split Complementary Color

#80ba61
```
#80ba61 rgb(128,186,97)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#ba6180
```
#ba6180 rgb(186,97,128)
```

Triadic Color

#61ba9b
```
#61ba9b rgb(97,186,155)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#ba6180
```
#ba6180 rgb(186,97,128)
```
#ba9b61
```
#ba9b61 rgb(186,155,97)
```

Tetradic Color

#3f5b90
```
#3f5b90 rgb(63,91,144)
```
#4766a1
```
#4766a1 rgb(71,102,161)
```
#4f72b2
```
#4f72b2 rgb(79,114,178)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#738ec2
```
#738ec2 rgb(115,142,194)
```
#849dca
```
#849dca rgb(132,157,202)
```
#96abd1
```
#96abd1 rgb(150,171,209)
```

Monochromatic Color

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

#6196ba
```
#6196ba rgb(97,150,186)
```
#618fba
```
#618fba rgb(97,143,186)
```
#6187ba
```
#6187ba rgb(97,135,186)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#6179ba
```
#6179ba rgb(97,121,186)
```
#6171ba
```
#6171ba rgb(97,113,186)
```
#616aba
```
#616aba rgb(97,106,186)
```

Similar Colors

Text with hexadecimal color #6180ba

This text has a font color of #6180ba.

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

#6180ba background color

This paragraph has a background color of #6180ba.

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

#6180ba border color

This element has a border color of #6180ba.

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

CSS codes

.text {color:#6180ba;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#090c13
```
#090c13 rgb(9,12,19)
```
#0e1521
```
#0e1521 rgb(14,21,33)
```
#141e2f
```
#141e2f rgb(20,30,47)
```
#1a263c
```
#1a263c rgb(26,38,60)
```
#202f4a
```
#202f4a rgb(32,47,74)
```
#263858
```
#263858 rgb(38,56,88)
```
#2c4065
```
#2c4065 rgb(44,64,101)
```
#324973
```
#324973 rgb(50,73,115)
```
#385181
```
#385181 rgb(56,81,129)
```
#3e5a8e
```
#3e5a8e rgb(62,90,142)
```
#44639c
```
#44639c rgb(68,99,156)
```
#4a6baa
```
#4a6baa rgb(74,107,170)
```

Shade Color Variation

#5375b4
```
#5375b4 rgb(83,117,180)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#6f8bc0
```
#6f8bc0 rgb(111,139,192)
```
#7c96c6
```
#7c96c6 rgb(124,150,198)
```
#8aa1cc
```
#8aa1cc rgb(138,161,204)
```
#98acd2
```
#98acd2 rgb(152,172,210)
```
#a5b7d8
```
#a5b7d8 rgb(165,183,216)
```
#b3c2de
```
#b3c2de rgb(179,194,222)
```
#c1cde4
```
#c1cde4 rgb(193,205,228)
```
#ced8ea
```
#ced8ea rgb(206,216,234)
```
#dce3f0
```
#dce3f0 rgb(220,227,240)
```
#eaeef6
```
#eaeef6 rgb(234,238,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d8e is the less saturated color, while #246df7 is the most saturated one.

#8d8d8e
```
#8d8d8e rgb(141,141,142)
```
#848b97
```
#848b97 rgb(132,139,151)
```
#7b88a0
```
#7b88a0 rgb(123,136,160)
```
#7285a9
```
#7285a9 rgb(114,133,169)
```
#6a83b1
```
#6a83b1 rgb(106,131,177)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#587dc3
```
#587dc3 rgb(88,125,195)
```
#507bcb
```
#507bcb rgb(80,123,203)
```
#4778d4
```
#4778d4 rgb(71,120,212)
```
#3e75dd
```
#3e75dd rgb(62,117,221)
```
#3573e6
```
#3573e6 rgb(53,115,230)
```
#2d70ee
```
#2d70ee rgb(45,112,238)
```
#246df7
```
#246df7 rgb(36,109,247)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#777e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7384bc Protanopia 1% of men
#6d85bd Deuteranopia 1% of men
#5b8e98 Tritanopia 0.001% of the population

Trichromacy

#6c82bb Protanomaly 1% of men, 0.01% of women
#6883bc Deuteranomaly 6% of men, 0.4% of women
#5d89a4 Tritanomaly 0.01% of the population

#6180ba hex color

#6180ba Color Information

#6180ba Color Conversion

Color Schemes with #6180ba

Alternatives to #6180ba

#6180ba Preview

Shades and Tints of #6180ba

Tones of #6180ba

Color Blindness Simulator