#5695b3 hex color

In a RGB color space, hex #5695b3 is composed of 33.7% red, 58.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 16.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 199.4 degrees, a saturation of 38% and a lightness of 52%. #5695b3 color hex could be obtained by blending #acffff with #002b67. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 58
- B 70
RGB color chart
- C 52
- M 17
- Y 0
- K 30
CMYK color chart

● #5695b3 color description : Moderate blue.

The hexadecimal color #5695b3 has RGB values of R:86, G:149, B:179 and CMYK values of C:0.52, M:0.17, Y:0, K:0.3. Its decimal value is 5674419.

Hex triplet	5695b3	`#5695b3`
RGB Decimal	86, 149, 179	`rgb(86,149,179)`
RGB Percent	33.7, 58.4, 70.2	`rgb(33.7%,58.4%,70.2%)`
CMYK	52, 17, 0, 30
HSL	199.4°, 38, 52	`hsl(199.4,38%,52%)`
HSV (or HSB)	199.4°, 52, 70.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.72, -11.763, -21.899
XYZ	22.72, 26.727, 46.607
xyY	0.237, 0.278, 26.727
CIE-LCH	58.72, 24.859, 241.758
CIE-LUV	58.72, -27.898, -31.621
Hunter-Lab	51.698, -12.025, -17.263
Binary	01010110, 10010101, 10110011

#5695b3
```
#5695b3 rgb(86,149,179)
```
#b37456
```
#b37456 rgb(179,116,86)
```

Complementary Color

#56b3a3
```
#56b3a3 rgb(86,179,163)
```
#5695b3
```
#5695b3 rgb(86,149,179)
```
#5667b3
```
#5667b3 rgb(86,103,179)
```

Analogous Color

#b3a356
```
#b3a356 rgb(179,163,86)
```
#5695b3
```
#5695b3 rgb(86,149,179)
```
#b35667
```
#b35667 rgb(179,86,103)
```

Split Complementary Color

#95b356
```
#95b356 rgb(149,179,86)
```
#5695b3
```
#5695b3 rgb(86,149,179)
```
#b35695
```
#b35695 rgb(179,86,149)
```

Triadic Color

#56b374
```
#56b374 rgb(86,179,116)
```
#5695b3
```
#5695b3 rgb(86,149,179)
```
#b35695
```
#b35695 rgb(179,86,149)
```
#b37456
```
#b37456 rgb(179,116,86)
```

Tetradic Color

#3a6b82
```
#3a6b82 rgb(58,107,130)
```
#427994
```
#427994 rgb(66,121,148)
```
#4a88a5
```
#4a88a5 rgb(74,136,165)
```
#5695b3
```
#5695b3 rgb(86,149,179)
```
#68a0bb
```
#68a0bb rgb(104,160,187)
```
#79abc3
```
#79abc3 rgb(121,171,195)
```
#8bb6cb
```
#8bb6cb rgb(139,182,203)
```

Monochromatic Color

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

#56acb3
```
#56acb3 rgb(86,172,179)
```
#56a5b3
```
#56a5b3 rgb(86,165,179)
```
#569db3
```
#569db3 rgb(86,157,179)
```
#5695b3
```
#5695b3 rgb(86,149,179)
```
#568db3
```
#568db3 rgb(86,141,179)
```
#5686b3
```
#5686b3 rgb(86,134,179)
```
#567eb3
```
#567eb3 rgb(86,126,179)
```

Similar Colors

Text with hexadecimal color #5695b3

This text has a font color of #5695b3.

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

#5695b3 background color

This paragraph has a background color of #5695b3.

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

#5695b3 border color

This element has a border color of #5695b3.

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

CSS codes

.text {color:#5695b3;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091114
```
#091114 rgb(9,17,20)
```
#0f1c22
```
#0f1c22 rgb(15,28,34)
```
#15272f
```
#15272f rgb(21,39,47)
```
#1b323d
```
#1b323d rgb(27,50,61)
```
#223d4b
```
#223d4b rgb(34,61,75)
```
#284858
```
#284858 rgb(40,72,88)
```
#2e5466
```
#2e5466 rgb(46,84,102)
```
#345f73
```
#345f73 rgb(52,95,115)
```
#3a6a81
```
#3a6a81 rgb(58,106,129)
```
#40758e
```
#40758e rgb(64,117,142)
```
#46809c
```
#46809c rgb(70,128,156)
```
#4c8ba9
```
#4c8ba9 rgb(76,139,169)
```

Shade Color Variation

#5695b3
```
#5695b3 rgb(86,149,179)
```
#649db9
```
#649db9 rgb(100,157,185)
```
#71a6bf
```
#71a6bf rgb(113,166,191)
```
#7faec5
```
#7faec5 rgb(127,174,197)
```
#8cb7cb
```
#8cb7cb rgb(140,183,203)
```
#9abfd1
```
#9abfd1 rgb(154,191,209)
```
#a7c8d8
```
#a7c8d8 rgb(167,200,216)
```
#b5d0de
```
#b5d0de rgb(181,208,222)
```
#c2d9e4
```
#c2d9e4 rgb(194,217,228)
```
#d0e1ea
```
#d0e1ea rgb(208,225,234)
```
#ddeaf0
```
#ddeaf0 rgb(221,234,240)
```
#ebf2f6
```
#ebf2f6 rgb(235,242,246)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c888d is the less saturated color, while #0bb0fe is the most saturated one.

#7c888d
```
#7c888d rgb(124,136,141)
```
#728b97
```
#728b97 rgb(114,139,151)
```
#698ea0
```
#698ea0 rgb(105,142,160)
```
#5f92aa
```
#5f92aa rgb(95,146,170)
```
#5695b3
```
#5695b3 rgb(86,149,179)
```
#4d98bc
```
#4d98bc rgb(77,152,188)
```
#439cc6
```
#439cc6 rgb(67,156,198)
```
#3a9fcf
```
#3a9fcf rgb(58,159,207)
```
#30a2d9
```
#30a2d9 rgb(48,162,217)
```
#27a6e2
```
#27a6e2 rgb(39,166,226)
```
#1da9ec
```
#1da9ec rgb(29,169,236)
```
#14acf5
```
#14acf5 rgb(20,172,245)
```
#0bb0fe
```
#0bb0fe rgb(11,176,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7c898f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b91b1 Protanopia 1% of men
#8a90ba Deuteranopia 1% of men
#589da8 Tritanopia 0.001% of the population

Trichromacy

#7892b2 Protanomaly 1% of men, 0.01% of women
#7792b7 Deuteranomaly 6% of men, 0.4% of women
#579aac Tritanomaly 0.01% of the population

#5695b3 hex color

#5695b3 Color Information

#5695b3 Color Conversion

Color Schemes with #5695b3

Alternatives to #5695b3

#5695b3 Preview

Shades and Tints of #5695b3

Tones of #5695b3

Color Blindness Simulator