#5681af hex color

In a RGB color space, hex #5681af is composed of 33.7% red, 50.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 26.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 211 degrees, a saturation of 35.7% and a lightness of 51.2%. #5681af color hex could be obtained by blending #acffff with #00035f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 34
- G 51
- B 69
RGB color chart
- C 51
- M 26
- Y 0
- K 31
CMYK color chart

● #5681af color description : Dark moderate blue.

The hexadecimal color #5681af has RGB values of R:86, G:129, B:175 and CMYK values of C:0.51, M:0.26, Y:0, K:0.31. Its decimal value is 5669295.

Hex triplet	5681af	`#5681af`
RGB Decimal	86, 129, 175	`rgb(86,129,175)`
RGB Percent	33.7, 50.6, 68.6	`rgb(33.7%,50.6%,68.6%)`
CMYK	51, 26, 0, 31
HSL	211°, 35.7, 51.2	`hsl(211,35.7%,51.2%)`
HSV (or HSB)	211°, 50.9, 68.6
Web Safe	669999	`#669999`

CIE-LAB	52.7, -1.609, -28.899
XYZ	19.424, 20.773, 43.541
xyY	0.232, 0.248, 20.773
CIE-LCH	52.7, 28.944, 266.813
CIE-LUV	52.7, -20.235, -43.404
Hunter-Lab	45.577, -3.688, -24.737
Binary	01010110, 10000001, 10101111

#5681af
```
#5681af rgb(86,129,175)
```
#af8456
```
#af8456 rgb(175,132,86)
```

Complementary Color

#56aeaf
```
#56aeaf rgb(86,174,175)
```
#5681af
```
#5681af rgb(86,129,175)
```
#5856af
```
#5856af rgb(88,86,175)
```

Analogous Color

#aeaf56
```
#aeaf56 rgb(174,175,86)
```
#5681af
```
#5681af rgb(86,129,175)
```
#af5856
```
#af5856 rgb(175,88,86)
```

Split Complementary Color

#81af56
```
#81af56 rgb(129,175,86)
```
#5681af
```
#5681af rgb(86,129,175)
```
#af5681
```
#af5681 rgb(175,86,129)
```

Triadic Color

#56af84
```
#56af84 rgb(86,175,132)
```
#5681af
```
#5681af rgb(86,129,175)
```
#af5681
```
#af5681 rgb(175,86,129)
```
#af8456
```
#af8456 rgb(175,132,86)
```

Tetradic Color

#3b5b7d
```
#3b5b7d rgb(59,91,125)
```
#43688f
```
#43688f rgb(67,104,143)
```
#4c74a0
```
#4c74a0 rgb(76,116,160)
```
#5681af
```
#5681af rgb(86,129,175)
```
#678eb7
```
#678eb7 rgb(103,142,183)
```
#799bbf
```
#799bbf rgb(121,155,191)
```
#8aa8c8
```
#8aa8c8 rgb(138,168,200)
```

Monochromatic Color

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

#5697af
```
#5697af rgb(86,151,175)
```
#5690af
```
#5690af rgb(86,144,175)
```
#5688af
```
#5688af rgb(86,136,175)
```
#5681af
```
#5681af rgb(86,129,175)
```
#567aaf
```
#567aaf rgb(86,122,175)
```
#5672af
```
#5672af rgb(86,114,175)
```
#566baf
```
#566baf rgb(86,107,175)
```

Similar Colors

Text with hexadecimal color #5681af

This text has a font color of #5681af.

<span style="color:#5681af;">Text here</span>

#5681af background color

This paragraph has a background color of #5681af.

<p style="background-color:#5681af;">Content here</p>

#5681af border color

This element has a border color of #5681af.

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

CSS codes

.text {color:#5681af;}

.background {background-color:#5681af;}

.border {border:1px solid #5681af;}

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

#020304
```
#020304 rgb(2,3,4)
```
#080d11
```
#080d11 rgb(8,13,17)
```
#0f161f
```
#0f161f rgb(15,22,31)
```
#15202c
```
#15202c rgb(21,32,44)
```
#1b2a39
```
#1b2a39 rgb(27,42,57)
```
#213347
```
#213347 rgb(33,51,71)
```
#283d54
```
#283d54 rgb(40,61,84)
```
#2e4761
```
#2e4761 rgb(46,71,97)
```
#34506f
```
#34506f rgb(52,80,111)
```
#3b5a7c
```
#3b5a7c rgb(59,90,124)
```
#416489
```
#416489 rgb(65,100,137)
```
#476e97
```
#476e97 rgb(71,110,151)
```
#4e77a4
```
#4e77a4 rgb(78,119,164)
```

Shade Color Variation

#5681af
```
#5681af rgb(86,129,175)
```
#638bb5
```
#638bb5 rgb(99,139,181)
```
#7195bc
```
#7195bc rgb(113,149,188)
```
#7e9fc2
```
#7e9fc2 rgb(126,159,194)
```
#8ba9c8
```
#8ba9c8 rgb(139,169,200)
```
#99b3cf
```
#99b3cf rgb(153,179,207)
```
#a6bdd5
```
#a6bdd5 rgb(166,189,213)
```
#b3c6db
```
#b3c6db rgb(179,198,219)
```
#c1d0e1
```
#c1d0e1 rgb(193,208,225)
```
#cedae8
```
#cedae8 rgb(206,218,232)
```
#dbe4ee
```
#dbe4ee rgb(219,228,238)
```
#e8eef4
```
#e8eef4 rgb(232,238,244)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

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

#7c8289
```
#7c8289 rgb(124,130,137)
```
#738292
```
#738292 rgb(115,130,146)
```
#69829c
```
#69829c rgb(105,130,156)
```
#6081a5
```
#6081a5 rgb(96,129,165)
```
#5681af
```
#5681af rgb(86,129,175)
```
#4c81b9
```
#4c81b9 rgb(76,129,185)
```
#4380c2
```
#4380c2 rgb(67,128,194)
```
#3980cc
```
#3980cc rgb(57,128,204)
```
#3080d5
```
#3080d5 rgb(48,128,213)
```
#267fdf
```
#267fdf rgb(38,127,223)
```
#1d7fe8
```
#1d7fe8 rgb(29,127,232)
```
#137ff2
```
#137ff2 rgb(19,127,242)
```
#097efc
```
#097efc rgb(9,126,252)
```

Tone Color Variation

Below, you can see how #5681af 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

#797979 Achromatopsia 0.005% of the population
#727b84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7682af Protanopia 1% of men
#7283b4 Deuteranopia 1% of men
#538d97 Tritanopia 0.001% of the population

Trichromacy

#6a82af Protanomaly 1% of men, 0.01% of women
#6782b2 Deuteranomaly 6% of men, 0.4% of women
#54889f Tritanomaly 0.01% of the population

#5681af hex color

#5681af Color Information

#5681af Color Conversion

Color Schemes with #5681af

Alternatives to #5681af

#5681af Preview

Shades and Tints of #5681af

Tones of #5681af

Color Blindness Simulator