#6558fd hex color

In a RGB color space, hex #6558fd is composed of 39.6% red, 34.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 65.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 244.7 degrees, a saturation of 97.6% and a lightness of 66.9%. #6558fd color hex could be obtained by blending #cab0ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 35
- B 99
RGB color chart
- C 60
- M 65
- Y 0
- K 1
CMYK color chart

● #6558fd color description : Soft blue.

The hexadecimal color #6558fd has RGB values of R:101, G:88, B:253 and CMYK values of C:0.6, M:0.65, Y:0, K:0.01. Its decimal value is 6641917.

Hex triplet	6558fd	`#6558fd`
RGB Decimal	101, 88, 253	`rgb(101,88,253)`
RGB Percent	39.6, 34.5, 99.2	`rgb(39.6%,34.5%,99.2%)`
CMYK	60, 65, 0, 1
HSL	244.7°, 97.6, 66.9	`hsl(244.7,97.6%,66.9%)`
HSV (or HSB)	244.7°, 65.2, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.054, 50.888, -80.52
XYZ	26.583, 16.837, 94.772
xyY	0.192, 0.122, 16.837
CIE-LCH	48.054, 95.252, 302.292
CIE-LUV	48.054, -5.701, -124.566
Hunter-Lab	41.033, 43.832, -108.217
Binary	01100101, 01011000, 11111101

#6558fd
```
#6558fd rgb(101,88,253)
```
#f0fd58
```
#f0fd58 rgb(240,253,88)
```

Complementary Color

#589efd
```
#589efd rgb(88,158,253)
```
#6558fd
```
#6558fd rgb(101,88,253)
```
#b858fd
```
#b858fd rgb(184,88,253)
```

Analogous Color

#9efd58
```
#9efd58 rgb(158,253,88)
```
#6558fd
```
#6558fd rgb(101,88,253)
```
#fdb858
```
#fdb858 rgb(253,184,88)
```

Split Complementary Color

#58fd65
```
#58fd65 rgb(88,253,101)
```
#6558fd
```
#6558fd rgb(101,88,253)
```
#fd6558
```
#fd6558 rgb(253,101,88)
```

Triadic Color

#58f0fd
```
#58f0fd rgb(88,240,253)
```
#6558fd
```
#6558fd rgb(101,88,253)
```
#fd6558
```
#fd6558 rgb(253,101,88)
```
#f0fd58
```
#f0fd58 rgb(240,253,88)
```

Tetradic Color

#1f0cfc
```
#1f0cfc rgb(31,12,252)
```
#3726fc
```
#3726fc rgb(55,38,252)
```
#4e3ffd
```
#4e3ffd rgb(78,63,253)
```
#6558fd
```
#6558fd rgb(101,88,253)
```
#7c71fd
```
#7c71fd rgb(124,113,253)
```
#938afe
```
#938afe rgb(147,138,254)
```
#aba4fe
```
#aba4fe rgb(171,164,254)
```

Monochromatic Color

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

#5874fd
```
#5874fd rgb(88,116,253)
```
#5867fd
```
#5867fd rgb(88,103,253)
```
#5859fd
```
#5859fd rgb(88,89,253)
```
#6558fd
```
#6558fd rgb(101,88,253)
```
#7358fd
```
#7358fd rgb(115,88,253)
```
#8158fd
```
#8158fd rgb(129,88,253)
```
#8e58fd
```
#8e58fd rgb(142,88,253)
```

Similar Colors

Text with hexadecimal color #6558fd

This text has a font color of #6558fd.

<span style="color:#6558fd;">Text here</span>

#6558fd background color

This paragraph has a background color of #6558fd.

<p style="background-color:#6558fd;">Content here</p>

#6558fd border color

This element has a border color of #6558fd.

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

CSS codes

.text {color:#6558fd;}

.background {background-color:#6558fd;}

.border {border:1px solid #6558fd;}

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

#010007
```
#010007 rgb(1,0,7)
```
#02001b
```
#02001b rgb(2,0,27)
```
#04012e
```
#04012e rgb(4,1,46)
```
#060142
```
#060142 rgb(6,1,66)
```
#080155
```
#080155 rgb(8,1,85)
```
#090168
```
#090168 rgb(9,1,104)
```
#0b017c
```
#0b017c rgb(11,1,124)
```
#0d028f
```
#0d028f rgb(13,2,143)
```
#0f02a3
```
#0f02a3 rgb(15,2,163)
```
#1002b6
```
#1002b6 rgb(16,2,182)
```
#1202c9
```
#1202c9 rgb(18,2,201)
```
#1403dd
```
#1403dd rgb(20,3,221)
```
#1603f0
```
#1603f0 rgb(22,3,240)
```

Shade Color Variation

#1e0afc
```
#1e0afc rgb(30,10,252)
```
#2f1efc
```
#2f1efc rgb(47,30,252)
```
#4131fd
```
#4131fd rgb(65,49,253)
```
#5345fd
```
#5345fd rgb(83,69,253)
```
#6558fd
```
#6558fd rgb(101,88,253)
```
#776bfd
```
#776bfd rgb(119,107,253)
```
#897ffd
```
#897ffd rgb(137,127,253)
```
#9b92fe
```
#9b92fe rgb(155,146,254)
```
#aca6fe
```
#aca6fe rgb(172,166,254)
```
#beb9fe
```
#beb9fe rgb(190,185,254)
```
#d0ccfe
```
#d0ccfe rgb(208,204,254)
```
#e2e0ff
```
#e2e0ff rgb(226,224,255)
```
#f4f3ff
```
#f4f3ff rgb(244,243,255)
```

Tint Color Variation

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

#a7a6af
```
#a7a6af rgb(167,166,175)
```
#a1a0b6
```
#a1a0b6 rgb(161,160,182)
```
#9c99bc
```
#9c99bc rgb(156,153,188)
```
#9693c3
```
#9693c3 rgb(150,147,195)
```
#918cc9
```
#918cc9 rgb(145,140,201)
```
#8b86d0
```
#8b86d0 rgb(139,134,208)
```
#867fd6
```
#867fd6 rgb(134,127,214)
```
#8079dd
```
#8079dd rgb(128,121,221)
```
#7b72e3
```
#7b72e3 rgb(123,114,227)
```
#756cea
```
#756cea rgb(117,108,234)
```
#7065f0
```
#7065f0 rgb(112,101,240)
```
#6a5ff7
```
#6a5ff7 rgb(106,95,247)
```
#6558fd
```
#6558fd rgb(101,88,253)
```

Tone Color Variation

Below, you can see how #6558fd 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

#6f6f6f Achromatopsia 0.005% of the population
#6d6a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#0f858e Tritanopia 0.001% of the population

Trichromacy

#246aee Protanomaly 1% of men, 0.01% of women
#246fdb Deuteranomaly 6% of men, 0.4% of women
#2e74b6 Tritanomaly 0.01% of the population

#6558fd hex color

#6558fd Color Information

#6558fd Color Conversion

Color Schemes with #6558fd

Alternatives to #6558fd

#6558fd Preview

Shades and Tints of #6558fd

Tones of #6558fd

Color Blindness Simulator