#5fa3d4 hex color

In a RGB color space, hex #5fa3d4 is composed of 37.3% red, 63.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 23.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 205.1 degrees, a saturation of 57.6% and a lightness of 60.2%. #5fa3d4 color hex could be obtained by blending #beffff with #0047a9. Closest websafe color is: #6699cc.

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

● #5fa3d4 color description : Moderate blue.

The hexadecimal color #5fa3d4 has RGB values of R:95, G:163, B:212 and CMYK values of C:0.55, M:0.23, Y:0, K:0.17. Its decimal value is 6267860.

Hex triplet	5fa3d4	`#5fa3d4`
RGB Decimal	95, 163, 212	`rgb(95,163,212)`
RGB Percent	37.3, 63.9, 83.1	`rgb(37.3%,63.9%,83.1%)`
CMYK	55, 23, 0, 17
HSL	205.1°, 57.6, 60.2	`hsl(205.1,57.6%,60.2%)`
HSV (or HSB)	205.1°, 55.2, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.467, -7.555, -31.513
XYZ	29.697, 33.379, 67.162
xyY	0.228, 0.256, 33.379
CIE-LCH	64.467, 32.406, 256.518
CIE-LUV	64.467, -29.776, -48.494
Hunter-Lab	57.774, -9.353, -28.481
Binary	01011111, 10100011, 11010100

#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#d4905f
```
#d4905f rgb(212,144,95)
```

Complementary Color

#5fd4cb
```
#5fd4cb rgb(95,212,203)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#5f69d4
```
#5f69d4 rgb(95,105,212)
```

Analogous Color

#d4cb5f
```
#d4cb5f rgb(212,203,95)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#d45f69
```
#d45f69 rgb(212,95,105)
```

Split Complementary Color

#a3d45f
```
#a3d45f rgb(163,212,95)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#d45fa3
```
#d45fa3 rgb(212,95,163)
```

Triadic Color

#5fd490
```
#5fd490 rgb(95,212,144)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#d45fa3
```
#d45fa3 rgb(212,95,163)
```
#d4905f
```
#d4905f rgb(212,144,95)
```

Tetradic Color

#317eb6
```
#317eb6 rgb(49,126,182)
```
#378cc9
```
#378cc9 rgb(55,140,201)
```
#4b97cf
```
#4b97cf rgb(75,151,207)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#73afd9
```
#73afd9 rgb(115,175,217)
```
#87badf
```
#87badf rgb(135,186,223)
```
#9bc6e4
```
#9bc6e4 rgb(155,198,228)
```

Monochromatic Color

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

#5fc0d4
```
#5fc0d4 rgb(95,192,212)
```
#5fb7d4
```
#5fb7d4 rgb(95,183,212)
```
#5fadd4
```
#5fadd4 rgb(95,173,212)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#5f99d4
```
#5f99d4 rgb(95,153,212)
```
#5f90d4
```
#5f90d4 rgb(95,144,212)
```
#5f86d4
```
#5f86d4 rgb(95,134,212)
```

Similar Colors

Text with hexadecimal color #5fa3d4

This text has a font color of #5fa3d4.

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

#5fa3d4 background color

This paragraph has a background color of #5fa3d4.

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

#5fa3d4 border color

This element has a border color of #5fa3d4.

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

CSS codes

.text {color:#5fa3d4;}

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

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

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, #03070a is the darkest color, while #fafcfe is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#07121a
```
#07121a rgb(7,18,26)
```
#0b1c29
```
#0b1c29 rgb(11,28,41)
```
#0f2738
```
#0f2738 rgb(15,39,56)
```
#133248
```
#133248 rgb(19,50,72)
```
#173d57
```
#173d57 rgb(23,61,87)
```
#1c4767
```
#1c4767 rgb(28,71,103)
```
#205276
```
#205276 rgb(32,82,118)
```
#245d86
```
#245d86 rgb(36,93,134)
```
#286895
```
#286895 rgb(40,104,149)
```
#2c72a5
```
#2c72a5 rgb(44,114,165)
```
#307db4
```
#307db4 rgb(48,125,180)
```
#3588c4
```
#3588c4 rgb(53,136,196)
```

Shade Color Variation

#4091cc
```
#4091cc rgb(64,145,204)
```
#509ad0
```
#509ad0 rgb(80,154,208)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#6eacd8
```
#6eacd8 rgb(110,172,216)
```
#7eb5dc
```
#7eb5dc rgb(126,181,220)
```
#8dbee0
```
#8dbee0 rgb(141,190,224)
```
#9dc7e5
```
#9dc7e5 rgb(157,199,229)
```
#accfe9
```
#accfe9 rgb(172,207,233)
```
#bcd8ed
```
#bcd8ed rgb(188,216,237)
```
#cbe1f1
```
#cbe1f1 rgb(203,225,241)
```
#dbeaf5
```
#dbeaf5 rgb(219,234,245)
```
#eaf3f9
```
#eaf3f9 rgb(234,243,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#969a9d
```
#969a9d rgb(150,154,157)
```
#8e9ba5
```
#8e9ba5 rgb(142,155,165)
```
#869dad
```
#869dad rgb(134,157,173)
```
#7e9eb5
```
#7e9eb5 rgb(126,158,181)
```
#769fbd
```
#769fbd rgb(118,159,189)
```
#6fa0c4
```
#6fa0c4 rgb(111,160,196)
```
#67a2cc
```
#67a2cc rgb(103,162,204)
```
#5fa3d4
```
#5fa3d4 rgb(95,163,212)
```
#57a4dc
```
#57a4dc rgb(87,164,220)
```
#4fa6e4
```
#4fa6e4 rgb(79,166,228)
```
#48a7eb
```
#48a7eb rgb(72,167,235)
```
#40a8f3
```
#40a8f3 rgb(64,168,243)
```
#38a9fb
```
#38a9fb rgb(56,169,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8997a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#929fd0 Protanopia 1% of men
#8d9fd9 Deuteranopia 1% of men
#59adb9 Tritanopia 0.001% of the population

Trichromacy

#80a0d1 Protanomaly 1% of men, 0.01% of women
#7ca0d7 Deuteranomaly 6% of men, 0.4% of women
#5ba9c3 Tritanomaly 0.01% of the population

#5fa3d4 hex color

#5fa3d4 Color Information

#5fa3d4 Color Conversion

Color Schemes with #5fa3d4

Alternatives to #5fa3d4

#5fa3d4 Preview

Shades and Tints of #5fa3d4

Tones of #5fa3d4

Color Blindness Simulator