#6556f2 hex color

In a RGB color space, hex #6556f2 is composed of 39.6% red, 33.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 64.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 245.8 degrees, a saturation of 85.7% and a lightness of 64.3%. #6556f2 color hex could be obtained by blending #caacff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 40
- G 34
- B 95
RGB color chart
- C 58
- M 64
- Y 0
- K 5
CMYK color chart

● #6556f2 color description : Soft blue.

The hexadecimal color #6556f2 has RGB values of R:101, G:86, B:242 and CMYK values of C:0.58, M:0.64, Y:0, K:0.05. Its decimal value is 6641394.

Hex triplet	6556f2	`#6556f2`
RGB Decimal	101, 86, 242	`rgb(101,86,242)`
RGB Percent	39.6, 33.7, 94.9	`rgb(39.6%,33.7%,94.9%)`
CMYK	58, 64, 0, 5
HSL	245.8°, 85.7, 64.3	`hsl(245.8,85.7%,64.3%)`
HSV (or HSB)	245.8°, 64.5, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.753, 48.663, -76.501
XYZ	24.719, 15.832, 85.753
xyY	0.196, 0.125, 15.832
CIE-LCH	46.753, 90.667, 302.461
CIE-LUV	46.753, -4.558, -117.933
Hunter-Lab	39.79, 41.258, -99.927
Binary	01100101, 01010110, 11110010

#6556f2
```
#6556f2 rgb(101,86,242)
```
#e3f256
```
#e3f256 rgb(227,242,86)
```

Complementary Color

#5695f2
```
#5695f2 rgb(86,149,242)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#b356f2
```
#b356f2 rgb(179,86,242)
```

Analogous Color

#95f256
```
#95f256 rgb(149,242,86)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#f2b356
```
#f2b356 rgb(242,179,86)
```

Split Complementary Color

#56f265
```
#56f265 rgb(86,242,101)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#f26556
```
#f26556 rgb(242,101,86)
```

Triadic Color

#56e3f2
```
#56e3f2 rgb(86,227,242)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#f26556
```
#f26556 rgb(242,101,86)
```
#e3f256
```
#e3f256 rgb(227,242,86)
```

Tetradic Color

#2712ea
```
#2712ea rgb(39,18,234)
```
#3a27ee
```
#3a27ee rgb(58,39,238)
```
#4f3ef0
```
#4f3ef0 rgb(79,62,240)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#7b6ef4
```
#7b6ef4 rgb(123,110,244)
```
#9085f6
```
#9085f6 rgb(144,133,246)
```
#a69df7
```
#a69df7 rgb(166,157,247)
```

Monochromatic Color

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

#566ef2
```
#566ef2 rgb(86,110,242)
```
#5661f2
```
#5661f2 rgb(86,97,242)
```
#5856f2
```
#5856f2 rgb(88,86,242)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#7256f2
```
#7256f2 rgb(114,86,242)
```
#7f56f2
```
#7f56f2 rgb(127,86,242)
```
#8c56f2
```
#8c56f2 rgb(140,86,242)
```

Similar Colors

Text with hexadecimal color #6556f2

This text has a font color of #6556f2.

<span style="color:#6556f2;">Text here</span>

#6556f2 background color

This paragraph has a background color of #6556f2.

<p style="background-color:#6556f2;">Content here</p>

#6556f2 border color

This element has a border color of #6556f2.

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

CSS codes

.text {color:#6556f2;}

.background {background-color:#6556f2;}

.border {border:1px solid #6556f2;}

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, #02010d is the darkest color, while #fafaff is the lightest one.

#02010d
```
#02010d rgb(2,1,13)
```
#05021f
```
#05021f rgb(5,2,31)
```
#080432
```
#080432 rgb(8,4,50)
```
#0b0544
```
#0b0544 rgb(11,5,68)
```
#0e0756
```
#0e0756 rgb(14,7,86)
```
#110868
```
#110868 rgb(17,8,104)
```
#14097a
```
#14097a rgb(20,9,122)
```
#170b8d
```
#170b8d rgb(23,11,141)
```
#1a0c9f
```
#1a0c9f rgb(26,12,159)
```
#1d0eb1
```
#1d0eb1 rgb(29,14,177)
```
#200fc3
```
#200fc3 rgb(32,15,195)
```
#2310d6
```
#2310d6 rgb(35,16,214)
```
#2612e8
```
#2612e8 rgb(38,18,232)
```

Shade Color Variation

#331fee
```
#331fee rgb(51,31,238)
```
#4432ef
```
#4432ef rgb(68,50,239)
```
#5444f1
```
#5444f1 rgb(84,68,241)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#7668f3
```
#7668f3 rgb(118,104,243)
```
#867af5
```
#867af5 rgb(134,122,245)
```
#978df6
```
#978df6 rgb(151,141,246)
```
#a79ff8
```
#a79ff8 rgb(167,159,248)
```
#b8b1f9
```
#b8b1f9 rgb(184,177,249)
```
#c9c3fa
```
#c9c3fa rgb(201,195,250)
```
#d9d6fc
```
#d9d6fc rgb(217,214,252)
```
#eae8fd
```
#eae8fd rgb(234,232,253)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

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

#a3a3a5
```
#a3a3a5 rgb(163,163,165)
```
#9e9cac
```
#9e9cac rgb(158,156,172)
```
#9895b3
```
#9895b3 rgb(152,149,179)
```
#928eba
```
#928eba rgb(146,142,186)
```
#8d87c1
```
#8d87c1 rgb(141,135,193)
```
#8780c8
```
#8780c8 rgb(135,128,200)
```
#8179cf
```
#8179cf rgb(129,121,207)
```
#7c72d6
```
#7c72d6 rgb(124,114,214)
```
#766bdd
```
#766bdd rgb(118,107,221)
```
#7064e4
```
#7064e4 rgb(112,100,228)
```
#6b5deb
```
#6b5deb rgb(107,93,235)
```
#6556f2
```
#6556f2 rgb(101,86,242)
```
#5f4ff9
```
#5f4ff9 rgb(95,79,249)
```

Tone Color Variation

Below, you can see how #6556f2 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

#6c6c6c Achromatopsia 0.005% of the population
#6b6887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#2b808a Tritanopia 0.001% of the population

Trichromacy

#2468e6 Protanomaly 1% of men, 0.01% of women
#246cd4 Deuteranomaly 6% of men, 0.4% of women
#4071af Tritanomaly 0.01% of the population

#6556f2 hex color

#6556f2 Color Information

#6556f2 Color Conversion

Color Schemes with #6556f2

Alternatives to #6556f2

#6556f2 Preview

Shades and Tints of #6556f2

Tones of #6556f2

Color Blindness Simulator