#5f9add hex color

In a RGB color space, hex #5f9add is composed of 37.3% red, 60.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 30.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.9 degrees, a saturation of 64.9% and a lightness of 62%. #5f9add color hex could be obtained by blending #beffff with #0035bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 60
- B 87
RGB color chart
- C 57
- M 30
- Y 0
- K 13
CMYK color chart

● #5f9add color description : Soft blue.

The hexadecimal color #5f9add has RGB values of R:95, G:154, B:221 and CMYK values of C:0.57, M:0.3, Y:0, K:0.13. Its decimal value is 6265565.

Hex triplet	5f9add	`#5f9add`
RGB Decimal	95, 154, 221	`rgb(95,154,221)`
RGB Percent	37.3, 60.4, 86.7	`rgb(37.3%,60.4%,86.7%)`
CMYK	57, 30, 0, 13
HSL	211.9°, 64.9, 62	`hsl(211.9,64.9%,62%)`
HSV (or HSB)	211.9°, 57, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.307, 0.323, -39.87
XYZ	29.323, 30.763, 72.795
xyY	0.221, 0.232, 30.763
CIE-LCH	62.307, 39.871, 270.464
CIE-LUV	62.307, -26.277, -63.113
Hunter-Lab	55.464, -2.692, -38.991
Binary	01011111, 10011010, 11011101

#5f9add
```
#5f9add rgb(95,154,221)
```
#dda25f
```
#dda25f rgb(221,162,95)
```

Complementary Color

#5fd9dd
```
#5fd9dd rgb(95,217,221)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#635fdd
```
#635fdd rgb(99,95,221)
```

Analogous Color

#d9dd5f
```
#d9dd5f rgb(217,221,95)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#dd635f
```
#dd635f rgb(221,99,95)
```

Split Complementary Color

#9add5f
```
#9add5f rgb(154,221,95)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#dd5f9a
```
#dd5f9a rgb(221,95,154)
```

Triadic Color

#5fdda2
```
#5fdda2 rgb(95,221,162)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#dd5f9a
```
#dd5f9a rgb(221,95,154)
```
#dda25f
```
#dda25f rgb(221,162,95)
```

Tetradic Color

#2a73c6
```
#2a73c6 rgb(42,115,198)
```
#357fd4
```
#357fd4 rgb(53,127,212)
```
#4a8dd9
```
#4a8dd9 rgb(74,141,217)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#74a7e1
```
#74a7e1 rgb(116,167,225)
```
#89b5e6
```
#89b5e6 rgb(137,181,230)
```
#9ec2ea
```
#9ec2ea rgb(158,194,234)
```

Monochromatic Color

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

#5fbadd
```
#5fbadd rgb(95,186,221)
```
#5fafdd
```
#5fafdd rgb(95,175,221)
```
#5fa5dd
```
#5fa5dd rgb(95,165,221)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#5f90dd
```
#5f90dd rgb(95,144,221)
```
#5f85dd
```
#5f85dd rgb(95,133,221)
```
#5f7bdd
```
#5f7bdd rgb(95,123,221)
```

Similar Colors

Text with hexadecimal color #5f9add

This text has a font color of #5f9add.

<span style="color:#5f9add;">Text here</span>

#5f9add background color

This paragraph has a background color of #5f9add.

<p style="background-color:#5f9add;">Content here</p>

#5f9add border color

This element has a border color of #5f9add.

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

CSS codes

.text {color:#5f9add;}

.background {background-color:#5f9add;}

.border {border:1px solid #5f9add;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#071422
```
#071422 rgb(7,20,34)
```
#0b1d32
```
#0b1d32 rgb(11,29,50)
```
#0e2742
```
#0e2742 rgb(14,39,66)
```
#123053
```
#123053 rgb(18,48,83)
```
#153963
```
#153963 rgb(21,57,99)
```
#184373
```
#184373 rgb(24,67,115)
```
#1c4c83
```
#1c4c83 rgb(28,76,131)
```
#1f5693
```
#1f5693 rgb(31,86,147)
```
#235fa4
```
#235fa4 rgb(35,95,164)
```
#2668b4
```
#2668b4 rgb(38,104,180)
```
#2a72c4
```
#2a72c4 rgb(42,114,196)
```

Shade Color Variation

#2e7bd3
```
#2e7bd3 rgb(46,123,211)
```
#3f86d6
```
#3f86d6 rgb(63,134,214)
```
#4f90da
```
#4f90da rgb(79,144,218)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#6fa4e0
```
#6fa4e0 rgb(111,164,224)
```
#7faee4
```
#7faee4 rgb(127,174,228)
```
#90b9e7
```
#90b9e7 rgb(144,185,231)
```
#a0c3eb
```
#a0c3eb rgb(160,195,235)
```
#b0cdee
```
#b0cdee rgb(176,205,238)
```
#c0d7f2
```
#c0d7f2 rgb(192,215,242)
```
#d0e1f5
```
#d0e1f5 rgb(208,225,245)
```
#e0ecf9
```
#e0ecf9 rgb(224,236,249)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

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

#9b9ea1
```
#9b9ea1 rgb(155,158,161)
```
#939da9
```
#939da9 rgb(147,157,169)
```
#8c9db0
```
#8c9db0 rgb(140,157,176)
```
#849cb8
```
#849cb8 rgb(132,156,184)
```
#7d9cbf
```
#7d9cbf rgb(125,156,191)
```
#759bc7
```
#759bc7 rgb(117,155,199)
```
#6e9bce
```
#6e9bce rgb(110,155,206)
```
#669ad6
```
#669ad6 rgb(102,154,214)
```
#5f9add
```
#5f9add rgb(95,154,221)
```
#589ae4
```
#589ae4 rgb(88,154,228)
```
#5099ec
```
#5099ec rgb(80,153,236)
```
#4999f3
```
#4999f3 rgb(73,153,243)
```
#4198fb
```
#4198fb rgb(65,152,251)
```

Tone Color Variation

Below, you can see how #5f9add 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

#909090 Achromatopsia 0.005% of the population
#86929f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8599da Protanopia 1% of men
#7a9be0 Deuteranopia 1% of men
#51a7b4 Tritanopia 0.001% of the population

Trichromacy

#7799db Protanomaly 1% of men, 0.01% of women
#709adf Deuteranomaly 6% of men, 0.4% of women
#56a2c3 Tritanomaly 0.01% of the population

#5f9add hex color

#5f9add Color Information

#5f9add Color Conversion

Color Schemes with #5f9add

Alternatives to #5f9add

#5f9add Preview

Shades and Tints of #5f9add

Tones of #5f9add

Color Blindness Simulator