#5699b6 hex color

In a RGB color space, hex #5699b6 is composed of 33.7% red, 60% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 15.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 198.1 degrees, a saturation of 39.7% and a lightness of 52.5%. #5699b6 color hex could be obtained by blending #acffff with #00336d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 60
- B 71
RGB color chart
- C 53
- M 16
- Y 0
- K 29
CMYK color chart

● #5699b6 color description : Moderate blue.

The hexadecimal color #5699b6 has RGB values of R:86, G:153, B:182 and CMYK values of C:0.53, M:0.16, Y:0, K:0.29. Its decimal value is 5675446.

Hex triplet	5699b6	`#5699b6`
RGB Decimal	86, 153, 182	`rgb(86,153,182)`
RGB Percent	33.7, 60, 71.4	`rgb(33.7%,60%,71.4%)`
CMYK	53, 16, 0, 29
HSL	198.1°, 39.7, 52.5	`hsl(198.1,39.7%,52.5%)`
HSV (or HSB)	198.1°, 52.7, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.012, -13.063, -21.62
XYZ	23.67, 28.137, 48.437
xyY	0.236, 0.281, 28.137
CIE-LCH	60.012, 25.26, 238.86
CIE-LUV	60.012, -29.368, -31.114
Hunter-Lab	53.044, -13.174, -17.009
Binary	01010110, 10011001, 10110110

#5699b6
```
#5699b6 rgb(86,153,182)
```
#b67356
```
#b67356 rgb(182,115,86)
```

Complementary Color

#56b6a3
```
#56b6a3 rgb(86,182,163)
```
#5699b6
```
#5699b6 rgb(86,153,182)
```
#5669b6
```
#5669b6 rgb(86,105,182)
```

Analogous Color

#b6a356
```
#b6a356 rgb(182,163,86)
```
#5699b6
```
#5699b6 rgb(86,153,182)
```
#b65669
```
#b65669 rgb(182,86,105)
```

Split Complementary Color

#99b656
```
#99b656 rgb(153,182,86)
```
#5699b6
```
#5699b6 rgb(86,153,182)
```
#b65699
```
#b65699 rgb(182,86,153)
```

Triadic Color

#56b673
```
#56b673 rgb(86,182,115)
```
#5699b6
```
#5699b6 rgb(86,153,182)
```
#b65699
```
#b65699 rgb(182,86,153)
```
#b67356
```
#b67356 rgb(182,115,86)
```

Tetradic Color

#3a6f86
```
#3a6f86 rgb(58,111,134)
```
#417e98
```
#417e98 rgb(65,126,152)
```
#498ca9
```
#498ca9 rgb(73,140,169)
```
#5699b6
```
#5699b6 rgb(86,153,182)
```
#68a4be
```
#68a4be rgb(104,164,190)
```
#7aaec5
```
#7aaec5 rgb(122,174,197)
```
#8bb9cd
```
#8bb9cd rgb(139,185,205)
```

Monochromatic Color

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

#56b1b6
```
#56b1b6 rgb(86,177,182)
```
#56a9b6
```
#56a9b6 rgb(86,169,182)
```
#56a1b6
```
#56a1b6 rgb(86,161,182)
```
#5699b6
```
#5699b6 rgb(86,153,182)
```
#5691b6
```
#5691b6 rgb(86,145,182)
```
#5689b6
```
#5689b6 rgb(86,137,182)
```
#5681b6
```
#5681b6 rgb(86,129,182)
```

Similar Colors

Text with hexadecimal color #5699b6

This text has a font color of #5699b6.

<span style="color:#5699b6;">Text here</span>

#5699b6 background color

This paragraph has a background color of #5699b6.

<p style="background-color:#5699b6;">Content here</p>

#5699b6 border color

This element has a border color of #5699b6.

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

CSS codes

.text {color:#5699b6;}

.background {background-color:#5699b6;}

.border {border:1px solid #5699b6;}

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

#040809
```
#040809 rgb(4,8,9)
```
#0a1317
```
#0a1317 rgb(10,19,23)
```
#101e24
```
#101e24 rgb(16,30,36)
```
#162a32
```
#162a32 rgb(22,42,50)
```
#1c3540
```
#1c3540 rgb(28,53,64)
```
#22404e
```
#22404e rgb(34,64,78)
```
#274c5b
```
#274c5b rgb(39,76,91)
```
#2d5769
```
#2d5769 rgb(45,87,105)
```
#336277
```
#336277 rgb(51,98,119)
```
#396e84
```
#396e84 rgb(57,110,132)
```
#3f7992
```
#3f7992 rgb(63,121,146)
```
#4584a0
```
#4584a0 rgb(69,132,160)
```
#4b90ad
```
#4b90ad rgb(75,144,173)
```

Shade Color Variation

#5699b6
```
#5699b6 rgb(86,153,182)
```
#64a1bc
```
#64a1bc rgb(100,161,188)
```
#71aac2
```
#71aac2 rgb(113,170,194)
```
#7fb2c8
```
#7fb2c8 rgb(127,178,200)
```
#8dbace
```
#8dbace rgb(141,186,206)
```
#9ac2d4
```
#9ac2d4 rgb(154,194,212)
```
#a8cbda
```
#a8cbda rgb(168,203,218)
```
#b6d3df
```
#b6d3df rgb(182,211,223)
```
#c4dbe5
```
#c4dbe5 rgb(196,219,229)
```
#d1e3eb
```
#d1e3eb rgb(209,227,235)
```
#dfecf1
```
#dfecf1 rgb(223,236,241)
```
#edf4f7
```
#edf4f7 rgb(237,244,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#858787
```
#858787 rgb(133,135,135)
```
#7b8a91
```
#7b8a91 rgb(123,138,145)
```
#728e9a
```
#728e9a rgb(114,142,154)
```
#6992a3
```
#6992a3 rgb(105,146,163)
```
#5f95ad
```
#5f95ad rgb(95,149,173)
```
#5699b6
```
#5699b6 rgb(86,153,182)
```
#4d9dbf
```
#4d9dbf rgb(77,157,191)
```
#43a0c9
```
#43a0c9 rgb(67,160,201)
```
#3aa4d2
```
#3aa4d2 rgb(58,164,210)
```
#31a8db
```
#31a8db rgb(49,168,219)
```
#27abe5
```
#27abe5 rgb(39,171,229)
```
#1eafee
```
#1eafee rgb(30,175,238)
```
#15b3f7
```
#15b3f7 rgb(21,179,247)
```

Tone Color Variation

Below, you can see how #5699b6 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

#888888 Achromatopsia 0.005% of the population
#7e8b91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e95b3 Protanopia 1% of men
#8e93bd Deuteranopia 1% of men
#58a0ac Tritanopia 0.001% of the population

Trichromacy

#7a96b4 Protanomaly 1% of men, 0.01% of women
#7995ba Deuteranomaly 6% of men, 0.4% of women
#579daf Tritanomaly 0.01% of the population

#5699b6 hex color

#5699b6 Color Information

#5699b6 Color Conversion

Color Schemes with #5699b6

Alternatives to #5699b6

#5699b6 Preview

Shades and Tints of #5699b6

Tones of #5699b6

Color Blindness Simulator