#5fa2d2 hex color

In a RGB color space, hex #5fa2d2 is composed of 37.3% red, 63.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 22.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 205 degrees, a saturation of 56.1% and a lightness of 59.8%. #5fa2d2 color hex could be obtained by blending #beffff with #0045a5. Closest websafe color is: #6699cc.

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

● #5fa2d2 color description : Moderate blue.

The hexadecimal color #5fa2d2 has RGB values of R:95, G:162, B:210 and CMYK values of C:0.55, M:0.23, Y:0, K:0.18. Its decimal value is 6267602.

Hex triplet	5fa2d2	`#5fa2d2`
RGB Decimal	95, 162, 210	`rgb(95,162,210)`
RGB Percent	37.3, 63.5, 82.4	`rgb(37.3%,63.5%,82.4%)`
CMYK	55, 23, 0, 18
HSL	205°, 56.1, 59.8	`hsl(205,56.1%,59.8%)`
HSV (or HSB)	205°, 54.8, 82.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.1, -7.612, -30.971
XYZ	29.27, 32.925, 65.782
xyY	0.229, 0.257, 32.925
CIE-LCH	64.1, 31.893, 256.193
CIE-LUV	64.1, -29.449, -47.543
Hunter-Lab	57.38, -9.362, -27.805
Binary	01011111, 10100010, 11010010

#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#d28f5f
```
#d28f5f rgb(210,143,95)
```

Complementary Color

#5fd2c9
```
#5fd2c9 rgb(95,210,201)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#5f69d2
```
#5f69d2 rgb(95,105,210)
```

Analogous Color

#d2c95f
```
#d2c95f rgb(210,201,95)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#d25f69
```
#d25f69 rgb(210,95,105)
```

Split Complementary Color

#a2d25f
```
#a2d25f rgb(162,210,95)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#d25fa2
```
#d25fa2 rgb(210,95,162)
```

Triadic Color

#5fd28f
```
#5fd28f rgb(95,210,143)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#d25fa2
```
#d25fa2 rgb(210,95,162)
```
#d28f5f
```
#d28f5f rgb(210,143,95)
```

Tetradic Color

#327db2
```
#327db2 rgb(50,125,178)
```
#388bc6
```
#388bc6 rgb(56,139,198)
```
#4b96cc
```
#4b96cc rgb(75,150,204)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#73aed8
```
#73aed8 rgb(115,174,216)
```
#87b9dd
```
#87b9dd rgb(135,185,221)
```
#9bc5e3
```
#9bc5e3 rgb(155,197,227)
```

Monochromatic Color

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

#5fbfd2
```
#5fbfd2 rgb(95,191,210)
```
#5fb5d2
```
#5fb5d2 rgb(95,181,210)
```
#5facd2
```
#5facd2 rgb(95,172,210)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#5f98d2
```
#5f98d2 rgb(95,152,210)
```
#5f8fd2
```
#5f8fd2 rgb(95,143,210)
```
#5f85d2
```
#5f85d2 rgb(95,133,210)
```

Similar Colors

Text with hexadecimal color #5fa2d2

This text has a font color of #5fa2d2.

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

#5fa2d2 background color

This paragraph has a background color of #5fa2d2.

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

#5fa2d2 border color

This element has a border color of #5fa2d2.

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

CSS codes

.text {color:#5fa2d2;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#071118
```
#071118 rgb(7,17,24)
```
#0b1b27
```
#0b1b27 rgb(11,27,39)
```
#0f2636
```
#0f2636 rgb(15,38,54)
```
#143146
```
#143146 rgb(20,49,70)
```
#183b55
```
#183b55 rgb(24,59,85)
```
#1c4664
```
#1c4664 rgb(28,70,100)
```
#215174
```
#215174 rgb(33,81,116)
```
#255c83
```
#255c83 rgb(37,92,131)
```
#296692
```
#296692 rgb(41,102,146)
```
#2d71a2
```
#2d71a2 rgb(45,113,162)
```
#327cb1
```
#327cb1 rgb(50,124,177)
```
#3686c0
```
#3686c0 rgb(54,134,192)
```

Shade Color Variation

#4090c9
```
#4090c9 rgb(64,144,201)
```
#5099ce
```
#5099ce rgb(80,153,206)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#6eabd6
```
#6eabd6 rgb(110,171,214)
```
#7eb4db
```
#7eb4db rgb(126,180,219)
```
#8dbddf
```
#8dbddf rgb(141,189,223)
```
#9cc6e3
```
#9cc6e3 rgb(156,198,227)
```
#accee8
```
#accee8 rgb(172,206,232)
```
#bbd7ec
```
#bbd7ec rgb(187,215,236)
```
#cae0f0
```
#cae0f0 rgb(202,224,240)
```
#d9e9f4
```
#d9e9f4 rgb(217,233,244)
```
#e9f2f9
```
#e9f2f9 rgb(233,242,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#96999b
```
#96999b rgb(150,153,155)
```
#8e9aa3
```
#8e9aa3 rgb(142,154,163)
```
#869bab
```
#869bab rgb(134,155,171)
```
#7f9db2
```
#7f9db2 rgb(127,157,178)
```
#779eba
```
#779eba rgb(119,158,186)
```
#6f9fc2
```
#6f9fc2 rgb(111,159,194)
```
#67a1ca
```
#67a1ca rgb(103,161,202)
```
#5fa2d2
```
#5fa2d2 rgb(95,162,210)
```
#57a3da
```
#57a3da rgb(87,163,218)
```
#4fa5e2
```
#4fa5e2 rgb(79,165,226)
```
#47a6ea
```
#47a6ea rgb(71,166,234)
```
#3fa7f2
```
#3fa7f2 rgb(63,167,242)
```
#38a9f9
```
#38a9f9 rgb(56,169,249)
```

Tone Color Variation

Below, you can see how #5fa2d2 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
#8996a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#929ece Protanopia 1% of men
#8d9ed7 Deuteranopia 1% of men
#5aacb8 Tritanopia 0.001% of the population

Trichromacy

#7f9fd0 Protanomaly 1% of men, 0.01% of women
#7c9fd5 Deuteranomaly 6% of men, 0.4% of women
#5ba8c1 Tritanomaly 0.01% of the population

#5fa2d2 hex color

#5fa2d2 Color Information

#5fa2d2 Color Conversion

Color Schemes with #5fa2d2

Alternatives to #5fa2d2

#5fa2d2 Preview

Shades and Tints of #5fa2d2

Tones of #5fa2d2

Color Blindness Simulator