#565fec hex color

In a RGB color space, hex #565fec is composed of 33.7% red, 37.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 59.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 236.4 degrees, a saturation of 79.8% and a lightness of 63.1%. #565fec color hex could be obtained by blending #acbeff with #0000d9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 37
- B 93
RGB color chart
- C 64
- M 60
- Y 0
- K 7
CMYK color chart

● #565fec color description : Soft blue.

The hexadecimal color #565fec has RGB values of R:86, G:95, B:236 and CMYK values of C:0.64, M:0.6, Y:0, K:0.07. Its decimal value is 5660652.

Hex triplet	565fec	`#565fec`
RGB Decimal	86, 95, 236	`rgb(86,95,236)`
RGB Percent	33.7, 37.3, 92.5	`rgb(33.7%,37.3%,92.5%)`
CMYK	64, 60, 0, 7
HSL	236.4°, 79.8, 63.1	`hsl(236.4,79.8%,63.1%)`
HSV (or HSB)	236.4°, 63.6, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.259, 39.213, -72.351
XYZ	23.067, 16.218, 81.267
xyY	0.191, 0.135, 16.218
CIE-LCH	47.259, 82.294, 298.457
CIE-LUV	47.259, -10.425, -111.947
Hunter-Lab	40.271, 31.769, -91.456
Binary	01010110, 01011111, 11101100

#565fec
```
#565fec rgb(86,95,236)
```
#ece356
```
#ece356 rgb(236,227,86)
```

Complementary Color

#56aaec
```
#56aaec rgb(86,170,236)
```
#565fec
```
#565fec rgb(86,95,236)
```
#9856ec
```
#9856ec rgb(152,86,236)
```

Analogous Color

#aaec56
```
#aaec56 rgb(170,236,86)
```
#565fec
```
#565fec rgb(86,95,236)
```
#ec9856
```
#ec9856 rgb(236,152,86)
```

Split Complementary Color

#5fec56
```
#5fec56 rgb(95,236,86)
```
#565fec
```
#565fec rgb(86,95,236)
```
#ec565f
```
#ec565f rgb(236,86,95)
```

Triadic Color

#56ece3
```
#56ece3 rgb(86,236,227)
```
#565fec
```
#565fec rgb(86,95,236)
```
#ec565f
```
#ec565f rgb(236,86,95)
```
#ece356
```
#ece356 rgb(236,227,86)
```

Tetradic Color

#1925dd
```
#1925dd rgb(25,37,221)
```
#2834e7
```
#2834e7 rgb(40,52,231)
```
#3f49e9
```
#3f49e9 rgb(63,73,233)
```
#565fec
```
#565fec rgb(86,95,236)
```
#6d75ef
```
#6d75ef rgb(109,117,239)
```
#848af1
```
#848af1 rgb(132,138,241)
```
#9ba0f4
```
#9ba0f4 rgb(155,160,244)
```

Monochromatic Color

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

#5685ec
```
#5685ec rgb(86,133,236)
```
#5678ec
```
#5678ec rgb(86,120,236)
```
#566cec
```
#566cec rgb(86,108,236)
```
#565fec
```
#565fec rgb(86,95,236)
```
#5956ec
```
#5956ec rgb(89,86,236)
```
#6656ec
```
#6656ec rgb(102,86,236)
```
#7356ec
```
#7356ec rgb(115,86,236)
```

Similar Colors

Text with hexadecimal color #565fec

This text has a font color of #565fec.

<span style="color:#565fec;">Text here</span>

#565fec background color

This paragraph has a background color of #565fec.

<p style="background-color:#565fec;">Content here</p>

#565fec border color

This element has a border color of #565fec.

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

CSS codes

.text {color:#565fec;}

.background {background-color:#565fec;}

.border {border:1px solid #565fec;}

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

#010107
```
#010107 rgb(1,1,7)
```
#030419
```
#030419 rgb(3,4,25)
```
#05072b
```
#05072b rgb(5,7,43)
```
#070a3c
```
#070a3c rgb(7,10,60)
```
#090d4e
```
#090d4e rgb(9,13,78)
```
#0b105f
```
#0b105f rgb(11,16,95)
```
#0d1371
```
#0d1371 rgb(13,19,113)
```
#0f1683
```
#0f1683 rgb(15,22,131)
```
#111994
```
#111994 rgb(17,25,148)
```
#131ca6
```
#131ca6 rgb(19,28,166)
```
#151eb8
```
#151eb8 rgb(21,30,184)
```
#1721c9
```
#1721c9 rgb(23,33,201)
```
#1924db
```
#1924db rgb(25,36,219)
```

Shade Color Variation

#212de6
```
#212de6 rgb(33,45,230)
```
#333ee8
```
#333ee8 rgb(51,62,232)
```
#444eea
```
#444eea rgb(68,78,234)
```
#565fec
```
#565fec rgb(86,95,236)
```
#6870ee
```
#6870ee rgb(104,112,238)
```
#7980f0
```
#7980f0 rgb(121,128,240)
```
#8b91f2
```
#8b91f2 rgb(139,145,242)
```
#9da2f4
```
#9da2f4 rgb(157,162,244)
```
#aeb2f6
```
#aeb2f6 rgb(174,178,246)
```
#c0c3f8
```
#c0c3f8 rgb(192,195,248)
```
#d1d4fa
```
#d1d4fa rgb(209,212,250)
```
#e3e5fc
```
#e3e5fc rgb(227,229,252)
```
#f5f5fe
```
#f5f5fe rgb(245,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9fa4 is the less saturated color, while #4852fa is the most saturated one.

#9e9fa4
```
#9e9fa4 rgb(158,159,164)
```
#9798ab
```
#9798ab rgb(151,152,171)
```
#9092b2
```
#9092b2 rgb(144,146,178)
```
#898cb9
```
#898cb9 rgb(137,140,185)
```
#8185c1
```
#8185c1 rgb(129,133,193)
```
#7a7fc8
```
#7a7fc8 rgb(122,127,200)
```
#7378cf
```
#7378cf rgb(115,120,207)
```
#6c72d6
```
#6c72d6 rgb(108,114,214)
```
#646cde
```
#646cde rgb(100,108,222)
```
#5d65e5
```
#5d65e5 rgb(93,101,229)
```
#565fec
```
#565fec rgb(86,95,236)
```
#4f59f3
```
#4f59f3 rgb(79,89,243)
```
#4852fa
```
#4852fa rgb(72,82,250)
```

Tone Color Variation

Below, you can see how #565fec 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
#686986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac6 Deuteranopia 1% of men
#00838c Tritanopia 0.001% of the population

Trichromacy

#1f6ce6 Protanomaly 1% of men, 0.01% of women
#1f70d4 Deuteranomaly 6% of men, 0.4% of women
#1f75af Tritanomaly 0.01% of the population

#565fec hex color

#565fec Color Information

#565fec Color Conversion

Color Schemes with #565fec

Alternatives to #565fec

#565fec Preview

Shades and Tints of #565fec

Tones of #565fec

Color Blindness Simulator