#5695cf hex color

In a RGB color space, hex #5695cf is composed of 33.7% red, 58.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 28% magenta, 0% yellow and 18.8% black. It has a hue angle of 208.8 degrees, a saturation of 55.8% and a lightness of 57.5%. #5695cf color hex could be obtained by blending #acffff with #002b9f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 58
- B 81
RGB color chart
- C 58
- M 28
- Y 0
- K 19
CMYK color chart

● #5695cf color description : Moderate blue.

The hexadecimal color #5695cf has RGB values of R:86, G:149, B:207 and CMYK values of C:0.58, M:0.28, Y:0, K:0.19. Its decimal value is 5674447.

Hex triplet	5695cf	`#5695cf`
RGB Decimal	86, 149, 207	`rgb(86,149,207)`
RGB Percent	33.7, 58.4, 81.2	`rgb(33.7%,58.4%,81.2%)`
CMYK	58, 28, 0, 19
HSL	208.8°, 55.8, 57.5	`hsl(208.8,55.8%,57.5%)`
HSV (or HSB)	208.8°, 58.5, 81.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.868, -3.087, -35.909
XYZ	25.845, 27.977, 63.066
xyY	0.221, 0.239, 27.977
CIE-LCH	59.868, 36.041, 265.086
CIE-LUV	59.868, -27.207, -55.744
Hunter-Lab	52.893, -5.343, -33.668
Binary	01010110, 10010101, 11001111

#5695cf
```
#5695cf rgb(86,149,207)
```
#cf9056
```
#cf9056 rgb(207,144,86)
```

Complementary Color

#56cfcd
```
#56cfcd rgb(86,207,205)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#5659cf
```
#5659cf rgb(86,89,207)
```

Analogous Color

#cfcd56
```
#cfcd56 rgb(207,205,86)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#cf5659
```
#cf5659 rgb(207,86,89)
```

Split Complementary Color

#95cf56
```
#95cf56 rgb(149,207,86)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#cf5695
```
#cf5695 rgb(207,86,149)
```

Triadic Color

#56cf90
```
#56cf90 rgb(86,207,144)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#cf5695
```
#cf5695 rgb(207,86,149)
```
#cf9056
```
#cf9056 rgb(207,144,86)
```

Tetradic Color

#306fa9
```
#306fa9 rgb(48,111,169)
```
#367cbc
```
#367cbc rgb(54,124,188)
```
#4289c9
```
#4289c9 rgb(66,137,201)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#6aa1d5
```
#6aa1d5 rgb(106,161,213)
```
#7eaeda
```
#7eaeda rgb(126,174,218)
```
#92bae0
```
#92bae0 rgb(146,186,224)
```

Monochromatic Color

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

#56b3cf
```
#56b3cf rgb(86,179,207)
```
#56a9cf
```
#56a9cf rgb(86,169,207)
```
#569fcf
```
#569fcf rgb(86,159,207)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#568bcf
```
#568bcf rgb(86,139,207)
```
#5681cf
```
#5681cf rgb(86,129,207)
```
#5677cf
```
#5677cf rgb(86,119,207)
```

Similar Colors

Text with hexadecimal color #5695cf

This text has a font color of #5695cf.

<span style="color:#5695cf;">Text here</span>

#5695cf background color

This paragraph has a background color of #5695cf.

<p style="background-color:#5695cf;">Content here</p>

#5695cf border color

This element has a border color of #5695cf.

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

CSS codes

.text {color:#5695cf;}

.background {background-color:#5695cf;}

.border {border:1px solid #5695cf;}

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, #04090e is the darkest color, while #fefeff is the lightest one.

#04090e
```
#04090e rgb(4,9,14)
```
#08131e
```
#08131e rgb(8,19,30)
```
#0d1d2d
```
#0d1d2d rgb(13,29,45)
```
#11283c
```
#11283c rgb(17,40,60)
```
#15324b
```
#15324b rgb(21,50,75)
```
#1a3c5b
```
#1a3c5b rgb(26,60,91)
```
#1e466a
```
#1e466a rgb(30,70,106)
```
#225079
```
#225079 rgb(34,80,121)
```
#275a89
```
#275a89 rgb(39,90,137)
```
#2b6498
```
#2b6498 rgb(43,100,152)
```
#2f6ea7
```
#2f6ea7 rgb(47,110,167)
```
#3478b6
```
#3478b6 rgb(52,120,182)
```
#3882c6
```
#3882c6 rgb(56,130,198)
```

Shade Color Variation

#478bcb
```
#478bcb rgb(71,139,203)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#659fd3
```
#659fd3 rgb(101,159,211)
```
#75a8d8
```
#75a8d8 rgb(117,168,216)
```
#84b2dc
```
#84b2dc rgb(132,178,220)
```
#93bbe0
```
#93bbe0 rgb(147,187,224)
```
#a2c5e5
```
#a2c5e5 rgb(162,197,229)
```
#b2cee9
```
#b2cee9 rgb(178,206,233)
```
#c1d8ed
```
#c1d8ed rgb(193,216,237)
```
#d0e2f2
```
#d0e2f2 rgb(208,226,242)
```
#dfebf6
```
#dfebf6 rgb(223,235,246)
```
#eff5fa
```
#eff5fa rgb(239,245,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#909395
```
#909395 rgb(144,147,149)
```
#88939d
```
#88939d rgb(136,147,157)
```
#8093a5
```
#8093a5 rgb(128,147,165)
```
#7794ae
```
#7794ae rgb(119,148,174)
```
#6f94b6
```
#6f94b6 rgb(111,148,182)
```
#6794be
```
#6794be rgb(103,148,190)
```
#5e95c7
```
#5e95c7 rgb(94,149,199)
```
#5695cf
```
#5695cf rgb(86,149,207)
```
#4e95d7
```
#4e95d7 rgb(78,149,215)
```
#4596e0
```
#4596e0 rgb(69,150,224)
```
#3d96e8
```
#3d96e8 rgb(61,150,232)
```
#3596f0
```
#3596f0 rgb(53,150,240)
```
#2c97f9
```
#2c97f9 rgb(44,151,249)
```

Tone Color Variation

Below, you can see how #5695cf 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

#898989 Achromatopsia 0.005% of the population
#7f8b97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8394cc Protanopia 1% of men
#7a95d3 Deuteranopia 1% of men
#4ba1ad Tritanopia 0.001% of the population

Trichromacy

#7294cd Protanomaly 1% of men, 0.01% of women
#6d95d1 Deuteranomaly 6% of men, 0.4% of women
#4f9db9 Tritanomaly 0.01% of the population

#5695cf hex color

#5695cf Color Information

#5695cf Color Conversion

Color Schemes with #5695cf

Alternatives to #5695cf

#5695cf Preview

Shades and Tints of #5695cf

Tones of #5695cf

Color Blindness Simulator