#6180fc hex color

In a RGB color space, hex #6180fc is composed of 38% red, 50.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 49.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 228 degrees, a saturation of 96.3% and a lightness of 68.4%. #6180fc color hex could be obtained by blending #c2ffff with #0001f9. Closest websafe color is: #6699ff.

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

● #6180fc color description : Soft blue.

The hexadecimal color #6180fc has RGB values of R:97, G:128, B:252 and CMYK values of C:0.62, M:0.49, Y:0, K:0.01. Its decimal value is 6390012.

Hex triplet	6180fc	`#6180fc`
RGB Decimal	97, 128, 252	`rgb(97,128,252)`
RGB Percent	38, 50.2, 98.8	`rgb(38%,50.2%,98.8%)`
CMYK	62, 49, 0, 1
HSL	228°, 96.3, 68.4	`hsl(228,96.3%,68.4%)`
HSV (or HSB)	228°, 61.5, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.082, 26.24, -65.325
XYZ	30.216, 25.006, 95.325
xyY	0.201, 0.166, 25.006
CIE-LCH	57.082, 70.398, 291.885
CIE-LUV	57.082, -17.068, -105.946
Hunter-Lab	50.006, 20.346, -78.017
Binary	01100001, 10000000, 11111100

#6180fc
```
#6180fc rgb(97,128,252)
```
#fcdd61
```
#fcdd61 rgb(252,221,97)
```

Complementary Color

#61cefc
```
#61cefc rgb(97,206,252)
```
#6180fc
```
#6180fc rgb(97,128,252)
```
#9061fc
```
#9061fc rgb(144,97,252)
```

Analogous Color

#cefc61
```
#cefc61 rgb(206,252,97)
```
#6180fc
```
#6180fc rgb(97,128,252)
```
#fc9061
```
#fc9061 rgb(252,144,97)
```

Split Complementary Color

#80fc61
```
#80fc61 rgb(128,252,97)
```
#6180fc
```
#6180fc rgb(97,128,252)
```
#fc6180
```
#fc6180 rgb(252,97,128)
```

Triadic Color

#61fcdd
```
#61fcdd rgb(97,252,221)
```
#6180fc
```
#6180fc rgb(97,128,252)
```
#fc6180
```
#fc6180 rgb(252,97,128)
```
#fcdd61
```
#fcdd61 rgb(252,221,97)
```

Tetradic Color

#1644fb
```
#1644fb rgb(22,68,251)
```
#2f58fb
```
#2f58fb rgb(47,88,251)
```
#486cfc
```
#486cfc rgb(72,108,252)
```
#6180fc
```
#6180fc rgb(97,128,252)
```
#7a94fc
```
#7a94fc rgb(122,148,252)
```
#93a8fd
```
#93a8fd rgb(147,168,253)
```
#acbcfd
```
#acbcfd rgb(172,188,253)
```

Monochromatic Color

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

#61a7fc
```
#61a7fc rgb(97,167,252)
```
#619afc
```
#619afc rgb(97,154,252)
```
#618dfc
```
#618dfc rgb(97,141,252)
```
#6180fc
```
#6180fc rgb(97,128,252)
```
#6173fc
```
#6173fc rgb(97,115,252)
```
#6166fc
```
#6166fc rgb(97,102,252)
```
#6961fc
```
#6961fc rgb(105,97,252)
```

Similar Colors

Text with hexadecimal color #6180fc

This text has a font color of #6180fc.

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

#6180fc background color

This paragraph has a background color of #6180fc.

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

#6180fc border color

This element has a border color of #6180fc.

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

CSS codes

.text {color:#6180fc;}

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

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

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, #00030f is the darkest color, while #fbfcff is the lightest one.

#00030f
```
#00030f rgb(0,3,15)
```
#010722
```
#010722 rgb(1,7,34)
```
#010c36
```
#010c36 rgb(1,12,54)
```
#011049
```
#011049 rgb(1,16,73)
```
#02145c
```
#02145c rgb(2,20,92)
```
#02186f
```
#02186f rgb(2,24,111)
```
#021c83
```
#021c83 rgb(2,28,131)
```
#032096
```
#032096 rgb(3,32,150)
```
#0324a9
```
#0324a9 rgb(3,36,169)
```
#0429bc
```
#0429bc rgb(4,41,188)
```
#042dd0
```
#042dd0 rgb(4,45,208)
```
#0431e3
```
#0431e3 rgb(4,49,227)
```
#0535f6
```
#0535f6 rgb(5,53,246)
```

Shade Color Variation

#1442fb
```
#1442fb rgb(20,66,251)
```
#2752fb
```
#2752fb rgb(39,82,251)
```
#3b61fb
```
#3b61fb rgb(59,97,251)
```
#4e71fc
```
#4e71fc rgb(78,113,252)
```
#6180fc
```
#6180fc rgb(97,128,252)
```
#748ffc
```
#748ffc rgb(116,143,252)
```
#879ffd
```
#879ffd rgb(135,159,253)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#aebefd
```
#aebefd rgb(174,190,253)
```
#c1cdfe
```
#c1cdfe rgb(193,205,254)
```
#d4ddfe
```
#d4ddfe rgb(212,221,254)
```
#e8ecff
```
#e8ecff rgb(232,236,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#abadb2
```
#abadb2 rgb(171,173,178)
```
#a5a9b8
```
#a5a9b8 rgb(165,169,184)
```
#9fa5be
```
#9fa5be rgb(159,165,190)
```
#99a1c4
```
#99a1c4 rgb(153,161,196)
```
#939eca
```
#939eca rgb(147,158,202)
```
#8c9ad1
```
#8c9ad1 rgb(140,154,209)
```
#8696d7
```
#8696d7 rgb(134,150,215)
```
#8093dd
```
#8093dd rgb(128,147,221)
```
#7a8fe3
```
#7a8fe3 rgb(122,143,227)
```
#748be9
```
#748be9 rgb(116,139,233)
```
#6d87f0
```
#6d87f0 rgb(109,135,240)
```
#6784f6
```
#6784f6 rgb(103,132,246)
```
#6180fc
```
#6180fc rgb(97,128,252)
```

Tone Color Variation

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

#488bff Protanopia 1% of men
#0091f1 Deuteranopia 1% of men
#299ca7 Tritanopia 0.001% of the population

Trichromacy

#5187fd Protanomaly 1% of men, 0.01% of women
#238bf5 Deuteranomaly 6% of men, 0.4% of women
#3d92c6 Tritanomaly 0.01% of the population

#6180fc hex color

#6180fc Color Information

#6180fc Color Conversion

Color Schemes with #6180fc

Alternatives to #6180fc

#6180fc Preview

Shades and Tints of #6180fc

Tones of #6180fc

Color Blindness Simulator