#6180ca hex color

In a RGB color space, hex #6180ca is composed of 38% red, 50.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 36.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 222.3 degrees, a saturation of 49.8% and a lightness of 58.6%. #6180ca color hex could be obtained by blending #c2ffff with #000195. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 50
- B 79
RGB color chart
- C 52
- M 37
- Y 0
- K 21
CMYK color chart

● #6180ca color description : Moderate blue.

The hexadecimal color #6180ca has RGB values of R:97, G:128, B:202 and CMYK values of C:0.52, M:0.37, Y:0, K:0.21. Its decimal value is 6389962.

Hex triplet	6180ca	`#6180ca`
RGB Decimal	97, 128, 202	`rgb(97,128,202)`
RGB Percent	38, 50.2, 79.2	`rgb(38%,50.2%,79.2%)`
CMYK	52, 37, 0, 21
HSL	222.3°, 49.8, 58.6	`hsl(222.3,49.8%,58.6%)`
HSV (or HSB)	222.3°, 52, 79.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.284, 10.012, -41.817
XYZ	23.307, 22.243, 58.939
xyY	0.223, 0.213, 22.243
CIE-LCH	54.284, 42.999, 283.464
CIE-LUV	54.284, -16.356, -65.836
Hunter-Lab	47.162, 5.679, -41.081
Binary	01100001, 10000000, 11001010

#6180ca
```
#6180ca rgb(97,128,202)
```
#caab61
```
#caab61 rgb(202,171,97)
```

Complementary Color

#61b5ca
```
#61b5ca rgb(97,181,202)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#7761ca
```
#7761ca rgb(119,97,202)
```

Analogous Color

#b5ca61
```
#b5ca61 rgb(181,202,97)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#ca7761
```
#ca7761 rgb(202,119,97)
```

Split Complementary Color

#80ca61
```
#80ca61 rgb(128,202,97)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#ca6180
```
#ca6180 rgb(202,97,128)
```

Triadic Color

#61caab
```
#61caab rgb(97,202,171)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#ca6180
```
#ca6180 rgb(202,97,128)
```
#caab61
```
#caab61 rgb(202,171,97)
```

Tetradic Color

#3859a7
```
#3859a7 rgb(56,89,167)
```
#3e63ba
```
#3e63ba rgb(62,99,186)
```
#4e71c4
```
#4e71c4 rgb(78,113,196)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#748fd0
```
#748fd0 rgb(116,143,208)
```
#879fd7
```
#879fd7 rgb(135,159,215)
```
#9aaedd
```
#9aaedd rgb(154,174,221)
```

Monochromatic Color

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

#619aca
```
#619aca rgb(97,154,202)
```
#6192ca
```
#6192ca rgb(97,146,202)
```
#6189ca
```
#6189ca rgb(97,137,202)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#6177ca
```
#6177ca rgb(97,119,202)
```
#616fca
```
#616fca rgb(97,111,202)
```
#6166ca
```
#6166ca rgb(97,102,202)
```

Similar Colors

Text with hexadecimal color #6180ca

This text has a font color of #6180ca.

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

#6180ca background color

This paragraph has a background color of #6180ca.

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

#6180ca border color

This element has a border color of #6180ca.

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

CSS codes

.text {color:#6180ca;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060a12
```
#060a12 rgb(6,10,18)
```
#0b1221
```
#0b1221 rgb(11,18,33)
```
#101930
```
#101930 rgb(16,25,48)
```
#15213e
```
#15213e rgb(21,33,62)
```
#1a294d
```
#1a294d rgb(26,41,77)
```
#1f315c
```
#1f315c rgb(31,49,92)
```
#24396a
```
#24396a rgb(36,57,106)
```
#294079
```
#294079 rgb(41,64,121)
```
#2e4888
```
#2e4888 rgb(46,72,136)
```
#325096
```
#325096 rgb(50,80,150)
```
#3758a5
```
#3758a5 rgb(55,88,165)
```
#3c60b4
```
#3c60b4 rgb(60,96,180)
```

Shade Color Variation

#4468c0
```
#4468c0 rgb(68,104,192)
```
#5274c5
```
#5274c5 rgb(82,116,197)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#708ccf
```
#708ccf rgb(112,140,207)
```
#7e98d4
```
#7e98d4 rgb(126,152,212)
```
#8da3d9
```
#8da3d9 rgb(141,163,217)
```
#9cafde
```
#9cafde rgb(156,175,222)
```
#aabbe3
```
#aabbe3 rgb(170,187,227)
```
#b9c7e8
```
#b9c7e8 rgb(185,199,232)
```
#c8d3ec
```
#c8d3ec rgb(200,211,236)
```
#d7def1
```
#d7def1 rgb(215,222,241)
```
#e5eaf6
```
#e5eaf6 rgb(229,234,246)
```
#f4f6fb
```
#f4f6fb rgb(244,246,251)
```

Tint Color Variation

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

#929499
```
#929499 rgb(146,148,153)
```
#8a91a1
```
#8a91a1 rgb(138,145,161)
```
#818daa
```
#818daa rgb(129,141,170)
```
#798ab2
```
#798ab2 rgb(121,138,178)
```
#7187ba
```
#7187ba rgb(113,135,186)
```
#6983c2
```
#6983c2 rgb(105,131,194)
```
#6180ca
```
#6180ca rgb(97,128,202)
```
#597dd2
```
#597dd2 rgb(89,125,210)
```
#5179da
```
#5179da rgb(81,121,218)
```
#4976e2
```
#4976e2 rgb(73,118,226)
```
#4173ea
```
#4173ea rgb(65,115,234)
```
#386ff3
```
#386ff3 rgb(56,111,243)
```
#306cfb
```
#306cfb rgb(48,108,251)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#797f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c86cc Protanopia 1% of men
#6188cc Deuteranopia 1% of men
#54919b Tritanopia 0.001% of the population

Trichromacy

#6883cb Protanomaly 1% of men, 0.01% of women
#6185cb Deuteranomaly 6% of men, 0.4% of women
#588bac Tritanomaly 0.01% of the population

#6180ca hex color

#6180ca Color Information

#6180ca Color Conversion

Color Schemes with #6180ca

Alternatives to #6180ca

#6180ca Preview

Shades and Tints of #6180ca

Tones of #6180ca

Color Blindness Simulator