#556afe hex color

In a RGB color space, hex #556afe is composed of 33.3% red, 41.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 58.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 232.5 degrees, a saturation of 98.8% and a lightness of 66.5%. #556afe color hex could be obtained by blending #aad4ff with #0000fd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 42
- B 100
RGB color chart
- C 67
- M 58
- Y 0
- K 0
CMYK color chart

● #556afe color description : Soft blue.

The hexadecimal color #556afe has RGB values of R:85, G:106, B:254 and CMYK values of C:0.67, M:0.58, Y:0, K:0. Its decimal value is 5597950.

Hex triplet	556afe	`#556afe`
RGB Decimal	85, 106, 254	`rgb(85,106,254)`
RGB Percent	33.3, 41.6, 99.6	`rgb(33.3%,41.6%,99.6%)`
CMYK	67, 58, 0, 0
HSL	232.5°, 98.8, 66.5	`hsl(232.5,98.8%,66.5%)`
HSV (or HSB)	232.5°, 66.5, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.145, 38.397, -76.074
XYZ	26.786, 19.394, 96.092
xyY	0.188, 0.136, 19.394
CIE-LCH	51.145, 85.215, 296.782
CIE-LUV	51.145, -13.979, -119.876
Hunter-Lab	44.038, 31.505, -98.545
Binary	01010101, 01101010, 11111110

#556afe
```
#556afe rgb(85,106,254)
```
#fee955
```
#fee955 rgb(254,233,85)
```

Complementary Color

#55bffe
```
#55bffe rgb(85,191,254)
```
#556afe
```
#556afe rgb(85,106,254)
```
#9555fe
```
#9555fe rgb(149,85,254)
```

Analogous Color

#bffe55
```
#bffe55 rgb(191,254,85)
```
#556afe
```
#556afe rgb(85,106,254)
```
#fe9555
```
#fe9555 rgb(254,149,85)
```

Split Complementary Color

#6afe55
```
#6afe55 rgb(106,254,85)
```
#556afe
```
#556afe rgb(85,106,254)
```
#fe556a
```
#fe556a rgb(254,85,106)
```

Triadic Color

#55fee9
```
#55fee9 rgb(85,254,233)
```
#556afe
```
#556afe rgb(85,106,254)
```
#fe556a
```
#fe556a rgb(254,85,106)
```
#fee955
```
#fee955 rgb(254,233,85)
```

Tetradic Color

#0927fe
```
#0927fe rgb(9,39,254)
```
#223efe
```
#223efe rgb(34,62,254)
```
#3c54fe
```
#3c54fe rgb(60,84,254)
```
#556afe
```
#556afe rgb(85,106,254)
```
#6e80fe
```
#6e80fe rgb(110,128,254)
```
#8896fe
```
#8896fe rgb(136,150,254)
```
#a1adfe
```
#a1adfe rgb(161,173,254)
```

Monochromatic Color

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

#5594fe
```
#5594fe rgb(85,148,254)
```
#5586fe
```
#5586fe rgb(85,134,254)
```
#5578fe
```
#5578fe rgb(85,120,254)
```
#556afe
```
#556afe rgb(85,106,254)
```
#555cfe
```
#555cfe rgb(85,92,254)
```
#5c55fe
```
#5c55fe rgb(92,85,254)
```
#6a55fe
```
#6a55fe rgb(106,85,254)
```

Similar Colors

Text with hexadecimal color #556afe

This text has a font color of #556afe.

<span style="color:#556afe;">Text here</span>

#556afe background color

This paragraph has a background color of #556afe.

<p style="background-color:#556afe;">Content here</p>

#556afe border color

This element has a border color of #556afe.

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

CSS codes

.text {color:#556afe;}

.background {background-color:#556afe;}

.border {border:1px solid #556afe;}

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

#000106
```
#000106 rgb(0,1,6)
```
#000319
```
#000319 rgb(0,3,25)
```
#00062d
```
#00062d rgb(0,6,45)
```
#000840
```
#000840 rgb(0,8,64)
```
#000b54
```
#000b54 rgb(0,11,84)
```
#010d67
```
#010d67 rgb(1,13,103)
```
#01107b
```
#01107b rgb(1,16,123)
```
#01128e
```
#01128e rgb(1,18,142)
```
#0115a2
```
#0115a2 rgb(1,21,162)
```
#0117b5
```
#0117b5 rgb(1,23,181)
```
#011ac9
```
#011ac9 rgb(1,26,201)
```
#011cdc
```
#011cdc rgb(1,28,220)
```
#011ff0
```
#011ff0 rgb(1,31,240)
```

Shade Color Variation

#0726fe
```
#0726fe rgb(7,38,254)
```
#1a37fe
```
#1a37fe rgb(26,55,254)
```
#2e48fe
```
#2e48fe rgb(46,72,254)
```
#4159fe
```
#4159fe rgb(65,89,254)
```
#556afe
```
#556afe rgb(85,106,254)
```
#697bfe
```
#697bfe rgb(105,123,254)
```
#7c8cfe
```
#7c8cfe rgb(124,140,254)
```
#909dfe
```
#909dfe rgb(144,157,254)
```
#a3aefe
```
#a3aefe rgb(163,174,254)
```
#b7bfff
```
#b7bfff rgb(183,191,255)
```
#cad1ff
```
#cad1ff rgb(202,209,255)
```
#dee2ff
```
#dee2ff rgb(222,226,255)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#a4a5af
```
#a4a5af rgb(164,165,175)
```
#9da0b6
```
#9da0b6 rgb(157,160,182)
```
#979bbc
```
#979bbc rgb(151,155,188)
```
#9096c3
```
#9096c3 rgb(144,150,195)
```
#8a92c9
```
#8a92c9 rgb(138,146,201)
```
#838dd0
```
#838dd0 rgb(131,141,208)
```
#7c88d7
```
#7c88d7 rgb(124,136,215)
```
#7683dd
```
#7683dd rgb(118,131,221)
```
#6f7ee4
```
#6f7ee4 rgb(111,126,228)
```
#6979ea
```
#6979ea rgb(105,121,234)
```
#6274f1
```
#6274f1 rgb(98,116,241)
```
#5c6ff7
```
#5c6ff7 rgb(92,111,247)
```
#556afe
```
#556afe rgb(85,106,254)
```

Tone Color Variation

Below, you can see how #556afe 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

#757575 Achromatopsia 0.005% of the population
#6f7390 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf4 Protanopia 1% of men
#0083d6 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#1e75f7 Protanomaly 1% of men, 0.01% of women
#1e7ae4 Deuteranomaly 6% of men, 0.4% of women
#1e80bc Tritanomaly 0.01% of the population

#556afe hex color

#556afe Color Information

#556afe Color Conversion

Color Schemes with #556afe

Alternatives to #556afe

#556afe Preview

Shades and Tints of #556afe

Tones of #556afe

Color Blindness Simulator