#6180dd hex color

In a RGB color space, hex #6180dd is composed of 38% red, 50.2% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 42.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 225 degrees, a saturation of 64.6% and a lightness of 62.4%. #6180dd color hex could be obtained by blending #c2ffff with #0001bb. Closest websafe color is: #6699cc.

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

● #6180dd color description : Soft blue.

The hexadecimal color #6180dd has RGB values of R:97, G:128, B:221 and CMYK values of C:0.56, M:0.42, Y:0, K:0.13. Its decimal value is 6389981.

Hex triplet	6180dd	`#6180dd`
RGB Decimal	97, 128, 221	`rgb(97,128,221)`
RGB Percent	38, 50.2, 86.7	`rgb(38%,50.2%,86.7%)`
CMYK	56, 42, 0, 13
HSL	225°, 64.6, 62.4	`hsl(225,64.6%,62.4%)`
HSV (or HSB)	225°, 56.1, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.277, 16.084, -50.969
XYZ	25.697, 23.199, 71.526
xyY	0.213, 0.193, 23.199
CIE-LCH	55.277, 53.446, 287.513
CIE-LUV	55.277, -16.603, -81.494
Hunter-Lab	48.165, 10.945, -54.331
Binary	01100001, 10000000, 11011101

#6180dd
```
#6180dd rgb(97,128,221)
```
#ddbe61
```
#ddbe61 rgb(221,190,97)
```

Complementary Color

#61bedd
```
#61bedd rgb(97,190,221)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#8061dd
```
#8061dd rgb(128,97,221)
```

Analogous Color

#bedd61
```
#bedd61 rgb(190,221,97)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#dd8061
```
#dd8061 rgb(221,128,97)
```

Split Complementary Color

#80dd61
```
#80dd61 rgb(128,221,97)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#dd6180
```
#dd6180 rgb(221,97,128)
```

Triadic Color

#61ddbe
```
#61ddbe rgb(97,221,190)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#dd6180
```
#dd6180 rgb(221,97,128)
```
#ddbe61
```
#ddbe61 rgb(221,190,97)
```

Tetradic Color

#2b52c7
```
#2b52c7 rgb(43,82,199)
```
#375ed4
```
#375ed4 rgb(55,94,212)
```
#4c6fd8
```
#4c6fd8 rgb(76,111,216)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#7691e2
```
#7691e2 rgb(118,145,226)
```
#8ba2e6
```
#8ba2e6 rgb(139,162,230)
```
#a0b3eb
```
#a0b3eb rgb(160,179,235)
```

Monochromatic Color

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

#619fdd
```
#619fdd rgb(97,159,221)
```
#6195dd
```
#6195dd rgb(97,149,221)
```
#618add
```
#618add rgb(97,138,221)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#6176dd
```
#6176dd rgb(97,118,221)
```
#616bdd
```
#616bdd rgb(97,107,221)
```
#6161dd
```
#6161dd rgb(97,97,221)
```

Similar Colors

Text with hexadecimal color #6180dd

This text has a font color of #6180dd.

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

#6180dd background color

This paragraph has a background color of #6180dd.

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

#6180dd border color

This element has a border color of #6180dd.

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

CSS codes

.text {color:#6180dd;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#040814
```
#040814 rgb(4,8,20)
```
#080f24
```
#080f24 rgb(8,15,36)
```
#0b1534
```
#0b1534 rgb(11,21,52)
```
#0f1c44
```
#0f1c44 rgb(15,28,68)
```
#122354
```
#122354 rgb(18,35,84)
```
#162964
```
#162964 rgb(22,41,100)
```
#193074
```
#193074 rgb(25,48,116)
```
#1d3785
```
#1d3785 rgb(29,55,133)
```
#203d95
```
#203d95 rgb(32,61,149)
```
#2344a5
```
#2344a5 rgb(35,68,165)
```
#274ab5
```
#274ab5 rgb(39,74,181)
```
#2a51c5
```
#2a51c5 rgb(42,81,197)
```

Shade Color Variation

#3159d3
```
#3159d3 rgb(49,89,211)
```
#4166d6
```
#4166d6 rgb(65,102,214)
```
#5173da
```
#5173da rgb(81,115,218)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#718de0
```
#718de0 rgb(113,141,224)
```
#819ae4
```
#819ae4 rgb(129,154,228)
```
#91a7e7
```
#91a7e7 rgb(145,167,231)
```
#a2b4eb
```
#a2b4eb rgb(162,180,235)
```
#b2c1ee
```
#b2c1ee rgb(178,193,238)
```
#c2cef2
```
#c2cef2 rgb(194,206,242)
```
#d2dbf5
```
#d2dbf5 rgb(210,219,245)
```
#e2e8f9
```
#e2e8f9 rgb(226,232,249)
```
#f2f5fc
```
#f2f5fc rgb(242,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ea2 is the less saturated color, while #4371fb is the most saturated one.

#9c9ea2
```
#9c9ea2 rgb(156,158,162)
```
#959aa9
```
#959aa9 rgb(149,154,169)
```
#8d96b1
```
#8d96b1 rgb(141,150,177)
```
#8692b8
```
#8692b8 rgb(134,146,184)
```
#7f8fbf
```
#7f8fbf rgb(127,143,191)
```
#778bc7
```
#778bc7 rgb(119,139,199)
```
#7087ce
```
#7087ce rgb(112,135,206)
```
#6884d6
```
#6884d6 rgb(104,132,214)
```
#6180dd
```
#6180dd rgb(97,128,221)
```
#5a7ce4
```
#5a7ce4 rgb(90,124,228)
```
#5279ec
```
#5279ec rgb(82,121,236)
```
#4b75f3
```
#4b75f3 rgb(75,117,243)
```
#4371fb
```
#4371fb rgb(67,113,251)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7b8193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6187df Protanopia 1% of men
#4d8bdc Deuteranopia 1% of men
#4995a0 Tritanopia 0.001% of the population

Trichromacy

#6185de Protanomaly 1% of men, 0.01% of women
#5487dc Deuteranomaly 6% of men, 0.4% of women
#518db6 Tritanomaly 0.01% of the population

#6180dd hex color

#6180dd Color Information

#6180dd Color Conversion

Color Schemes with #6180dd

Alternatives to #6180dd

#6180dd Preview

Shades and Tints of #6180dd

Tones of #6180dd

Color Blindness Simulator