#5fa2d1 hex color

In a RGB color space, hex #5fa2d1 is composed of 37.3% red, 63.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 22.5% magenta, 0% yellow and 18% black. It has a hue angle of 204.7 degrees, a saturation of 55.3% and a lightness of 59.6%. #5fa2d1 color hex could be obtained by blending #beffff with #0045a3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 64
- B 82
RGB color chart
- C 55
- M 22
- Y 0
- K 18
CMYK color chart

● #5fa2d1 color description : Moderate blue.

The hexadecimal color #5fa2d1 has RGB values of R:95, G:162, B:209 and CMYK values of C:0.55, M:0.22, Y:0, K:0.18. Its decimal value is 6267601.

Hex triplet	5fa2d1	`#5fa2d1`
RGB Decimal	95, 162, 209	`rgb(95,162,209)`
RGB Percent	37.3, 63.5, 82	`rgb(37.3%,63.5%,82%)`
CMYK	55, 22, 0, 18
HSL	204.7°, 55.3, 59.6	`hsl(204.7,55.3%,59.6%)`
HSV (or HSB)	204.7°, 54.5, 82
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.06, -7.916, -30.478
XYZ	29.145, 32.875, 65.128
xyY	0.229, 0.259, 32.875
CIE-LCH	64.06, 31.49, 255.44
CIE-LUV	64.06, -29.473, -46.681
Hunter-Lab	57.337, -9.604, -27.21
Binary	01011111, 10100010, 11010001

#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#d18e5f
```
#d18e5f rgb(209,142,95)
```

Complementary Color

#5fd1c7
```
#5fd1c7 rgb(95,209,199)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#5f69d1
```
#5f69d1 rgb(95,105,209)
```

Analogous Color

#d1c75f
```
#d1c75f rgb(209,199,95)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#d15f69
```
#d15f69 rgb(209,95,105)
```

Split Complementary Color

#a2d15f
```
#a2d15f rgb(162,209,95)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#d15fa2
```
#d15fa2 rgb(209,95,162)
```

Triadic Color

#5fd18e
```
#5fd18e rgb(95,209,142)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#d15fa2
```
#d15fa2 rgb(209,95,162)
```
#d18e5f
```
#d18e5f rgb(209,142,95)
```

Tetradic Color

#337db1
```
#337db1 rgb(51,125,177)
```
#388bc5
```
#388bc5 rgb(56,139,197)
```
#4b96cb
```
#4b96cb rgb(75,150,203)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#73aed7
```
#73aed7 rgb(115,174,215)
```
#87b9dc
```
#87b9dc rgb(135,185,220)
```
#9ac5e2
```
#9ac5e2 rgb(154,197,226)
```

Monochromatic Color

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

#5fbfd1
```
#5fbfd1 rgb(95,191,209)
```
#5fb5d1
```
#5fb5d1 rgb(95,181,209)
```
#5facd1
```
#5facd1 rgb(95,172,209)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#5f99d1
```
#5f99d1 rgb(95,153,209)
```
#5f8fd1
```
#5f8fd1 rgb(95,143,209)
```
#5f86d1
```
#5f86d1 rgb(95,134,209)
```

Similar Colors

Text with hexadecimal color #5fa2d1

This text has a font color of #5fa2d1.

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

#5fa2d1 background color

This paragraph has a background color of #5fa2d1.

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

#5fa2d1 border color

This element has a border color of #5fa2d1.

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

CSS codes

.text {color:#5fa2d1;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#071017
```
#071017 rgb(7,16,23)
```
#0b1b26
```
#0b1b26 rgb(11,27,38)
```
#0f2635
```
#0f2635 rgb(15,38,53)
```
#143045
```
#143045 rgb(20,48,69)
```
#183b54
```
#183b54 rgb(24,59,84)
```
#1c4663
```
#1c4663 rgb(28,70,99)
```
#215172
```
#215172 rgb(33,81,114)
```
#255b81
```
#255b81 rgb(37,91,129)
```
#2a6691
```
#2a6691 rgb(42,102,145)
```
#2e71a0
```
#2e71a0 rgb(46,113,160)
```
#327caf
```
#327caf rgb(50,124,175)
```
#3786be
```
#3786be rgb(55,134,190)
```

Shade Color Variation

#4190c8
```
#4190c8 rgb(65,144,200)
```
#5099cd
```
#5099cd rgb(80,153,205)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#6eabd5
```
#6eabd5 rgb(110,171,213)
```
#7db4da
```
#7db4da rgb(125,180,218)
```
#8dbdde
```
#8dbdde rgb(141,189,222)
```
#9cc5e3
```
#9cc5e3 rgb(156,197,227)
```
#abcee7
```
#abcee7 rgb(171,206,231)
```
#bad7eb
```
#bad7eb rgb(186,215,235)
```
#cae0f0
```
#cae0f0 rgb(202,224,240)
```
#d9e9f4
```
#d9e9f4 rgb(217,233,244)
```
#e8f2f8
```
#e8f2f8 rgb(232,242,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96989a is the less saturated color, while #37a9f9 is the most saturated one.

#96989a
```
#96989a rgb(150,152,154)
```
#8f9aa1
```
#8f9aa1 rgb(143,154,161)
```
#879ba9
```
#879ba9 rgb(135,155,169)
```
#7f9cb1
```
#7f9cb1 rgb(127,156,177)
```
#779eb9
```
#779eb9 rgb(119,158,185)
```
#6f9fc1
```
#6f9fc1 rgb(111,159,193)
```
#67a1c9
```
#67a1c9 rgb(103,161,201)
```
#5fa2d1
```
#5fa2d1 rgb(95,162,209)
```
#57a3d9
```
#57a3d9 rgb(87,163,217)
```
#4fa5e1
```
#4fa5e1 rgb(79,165,225)
```
#47a6e9
```
#47a6e9 rgb(71,166,233)
```
#3fa8f1
```
#3fa8f1 rgb(63,168,241)
```
#37a9f9
```
#37a9f9 rgb(55,169,249)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#89969f Atypical Achromatopsia 0.001% of the population

Dichromacy

#929ecd Protanopia 1% of men
#8e9ed6 Deuteranopia 1% of men
#5aabb8 Tritanopia 0.001% of the population

Trichromacy

#7f9fcf Protanomaly 1% of men, 0.01% of women
#7c9fd4 Deuteranomaly 6% of men, 0.4% of women
#5ca8c1 Tritanomaly 0.01% of the population

#5fa2d1 hex color

#5fa2d1 Color Information

#5fa2d1 Color Conversion

Color Schemes with #5fa2d1

Alternatives to #5fa2d1

#5fa2d1 Preview

Shades and Tints of #5fa2d1

Tones of #5fa2d1

Color Blindness Simulator