#6180ff hex color

In a RGB color space, hex #6180ff is composed of 38% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 228.2 degrees, a saturation of 100% and a lightness of 69%. #6180ff color hex could be obtained by blending #c2ffff with #0001ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 50
- B 100
RGB color chart
- C 62
- M 50
- Y 0
- K 0
CMYK color chart

● #6180ff color description : Light blue.

The hexadecimal color #6180ff has RGB values of R:97, G:128, B:255 and CMYK values of C:0.62, M:0.5, Y:0, K:0. Its decimal value is 6390015.

Hex triplet	6180ff	`#6180ff`
RGB Decimal	97, 128, 255	`rgb(97,128,255)`
RGB Percent	38, 50.2, 100	`rgb(38%,50.2%,100%)`
CMYK	62, 50, 0, 0
HSL	228.2°, 100, 69	`hsl(228.2,100%,69%)`
HSV (or HSB)	228.2°, 62, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.268, 27.232, -66.678
XYZ	30.695, 25.198, 97.848
xyY	0.2, 0.164, 25.198
CIE-LCH	57.268, 72.024, 292.216
CIE-LUV	57.268, -17.117, -108.234
Hunter-Lab	50.198, 21.304, -80.433
Binary	01100001, 10000000, 11111111

#6180ff
```
#6180ff rgb(97,128,255)
```
#ffe061
```
#ffe061 rgb(255,224,97)
```

Complementary Color

#61cfff
```
#61cfff rgb(97,207,255)
```
#6180ff
```
#6180ff rgb(97,128,255)
```
#9161ff
```
#9161ff rgb(145,97,255)
```

Analogous Color

#cfff61
```
#cfff61 rgb(207,255,97)
```
#6180ff
```
#6180ff rgb(97,128,255)
```
#ff9161
```
#ff9161 rgb(255,145,97)
```

Split Complementary Color

#80ff61
```
#80ff61 rgb(128,255,97)
```
#6180ff
```
#6180ff rgb(97,128,255)
```
#ff6180
```
#ff6180 rgb(255,97,128)
```

Triadic Color

#61ffe0
```
#61ffe0 rgb(97,255,224)
```
#6180ff
```
#6180ff rgb(97,128,255)
```
#ff6180
```
#ff6180 rgb(255,97,128)
```
#ffe061
```
#ffe061 rgb(255,224,97)
```

Tetradic Color

#1543ff
```
#1543ff rgb(21,67,255)
```
#2e57ff
```
#2e57ff rgb(46,87,255)
```
#486cff
```
#486cff rgb(72,108,255)
```
#6180ff
```
#6180ff rgb(97,128,255)
```
#7b94ff
```
#7b94ff rgb(123,148,255)
```
#94a9ff
```
#94a9ff rgb(148,169,255)
```
#aebdff
```
#aebdff rgb(174,189,255)
```

Monochromatic Color

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

#61a8ff
```
#61a8ff rgb(97,168,255)
```
#619aff
```
#619aff rgb(97,154,255)
```
#618dff
```
#618dff rgb(97,141,255)
```
#6180ff
```
#6180ff rgb(97,128,255)
```
#6173ff
```
#6173ff rgb(97,115,255)
```
#6166ff
```
#6166ff rgb(97,102,255)
```
#6a61ff
```
#6a61ff rgb(106,97,255)
```

Similar Colors

Text with hexadecimal color #6180ff

This text has a font color of #6180ff.

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

#6180ff background color

This paragraph has a background color of #6180ff.

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

#6180ff border color

This element has a border color of #6180ff.

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

CSS codes

.text {color:#6180ff;}

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

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

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

#000413
```
#000413 rgb(0,4,19)
```
#000726
```
#000726 rgb(0,7,38)
```
#000b3a
```
#000b3a rgb(0,11,58)
```
#000f4d
```
#000f4d rgb(0,15,77)
```
#001361
```
#001361 rgb(0,19,97)
```
#001775
```
#001775 rgb(0,23,117)
```
#001b88
```
#001b88 rgb(0,27,136)
```
#001f9c
```
#001f9c rgb(0,31,156)
```
#0022af
```
#0022af rgb(0,34,175)
```
#0026c3
```
#0026c3 rgb(0,38,195)
```
#002ad7
```
#002ad7 rgb(0,42,215)
```
#002eea
```
#002eea rgb(0,46,234)
```
#0032fe
```
#0032fe rgb(0,50,254)
```

Shade Color Variation

#1341ff
```
#1341ff rgb(19,65,255)
```
#2651ff
```
#2651ff rgb(38,81,255)
```
#3a60ff
```
#3a60ff rgb(58,96,255)
```
#4d70ff
```
#4d70ff rgb(77,112,255)
```
#6180ff
```
#6180ff rgb(97,128,255)
```
#7590ff
```
#7590ff rgb(117,144,255)
```
#88a0ff
```
#88a0ff rgb(136,160,255)
```
#9cafff
```
#9cafff rgb(156,175,255)
```
#afbfff
```
#afbfff rgb(175,191,255)
```
#c3cfff
```
#c3cfff rgb(195,207,255)
```
#d7dfff
```
#d7dfff rgb(215,223,255)
```
#eaeeff
```
#eaeeff rgb(234,238,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#aaacb6
```
#aaacb6 rgb(170,172,182)
```
#a4a9bc
```
#a4a9bc rgb(164,169,188)
```
#9ea5c2
```
#9ea5c2 rgb(158,165,194)
```
#98a1c8
```
#98a1c8 rgb(152,161,200)
```
#929ece
```
#929ece rgb(146,158,206)
```
#8c9ad4
```
#8c9ad4 rgb(140,154,212)
```
#8596db
```
#8596db rgb(133,150,219)
```
#7f92e1
```
#7f92e1 rgb(127,146,225)
```
#798fe7
```
#798fe7 rgb(121,143,231)
```
#738bed
```
#738bed rgb(115,139,237)
```
#6d87f3
```
#6d87f3 rgb(109,135,243)
```
#6784f9
```
#6784f9 rgb(103,132,249)
```
#6180ff
```
#6180ff rgb(97,128,255)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7e849d Atypical Achromatopsia 0.001% of the population

Dichromacy

#498bff Protanopia 1% of men
#0092f2 Deuteranopia 1% of men
#239da8 Tritanopia 0.001% of the population

Trichromacy

#5187ff Protanomaly 1% of men, 0.01% of women
#238bf6 Deuteranomaly 6% of men, 0.4% of women
#3992c7 Tritanomaly 0.01% of the population

#6180ff hex color

#6180ff Color Information

#6180ff Color Conversion

Color Schemes with #6180ff

Alternatives to #6180ff

#6180ff Preview

Shades and Tints of #6180ff

Tones of #6180ff

Color Blindness Simulator