#5f8fc3 hex color

In a RGB color space, hex #5f8fc3 is composed of 37.3% red, 56.1% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 26.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 211.2 degrees, a saturation of 45.5% and a lightness of 56.9%. #5f8fc3 color hex could be obtained by blending #beffff with #001f87. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 56
- B 76
RGB color chart
- C 51
- M 27
- Y 0
- K 24
CMYK color chart

● #5f8fc3 color description : Moderate blue.

The hexadecimal color #5f8fc3 has RGB values of R:95, G:143, B:195 and CMYK values of C:0.51, M:0.27, Y:0, K:0.24. Its decimal value is 6262723.

Hex triplet	5f8fc3	`#5f8fc3`
RGB Decimal	95, 143, 195	`rgb(95,143,195)`
RGB Percent	37.3, 56.1, 76.5	`rgb(37.3%,56.1%,76.5%)`
CMYK	51, 27, 0, 24
HSL	211.2°, 45.5, 56.9	`hsl(211.2,45.5%,56.9%)`
HSV (or HSB)	211.2°, 51.3, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.053, -1.462, -31.954
XYZ	24.39, 26.017, 55.363
xyY	0.231, 0.246, 26.017
CIE-LCH	58.053, 31.987, 267.38
CIE-LUV	58.053, -22.524, -49.158
Hunter-Lab	51.007, -3.908, -28.65
Binary	01011111, 10001111, 11000011

#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#c3935f
```
#c3935f rgb(195,147,95)
```

Complementary Color

#5fc1c3
```
#5fc1c3 rgb(95,193,195)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#615fc3
```
#615fc3 rgb(97,95,195)
```

Analogous Color

#c1c35f
```
#c1c35f rgb(193,195,95)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#c3615f
```
#c3615f rgb(195,97,95)
```

Split Complementary Color

#8fc35f
```
#8fc35f rgb(143,195,95)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#c35f8f
```
#c35f8f rgb(195,95,143)
```

Triadic Color

#5fc393
```
#5fc393 rgb(95,195,147)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#c35f8f
```
#c35f8f rgb(195,95,143)
```
#c3935f
```
#c3935f rgb(195,147,95)
```

Tetradic Color

#3a699b
```
#3a699b rgb(58,105,155)
```
#4175ae
```
#4175ae rgb(65,117,174)
```
#4c82bc
```
#4c82bc rgb(76,130,188)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#729cca
```
#729cca rgb(114,156,202)
```
#84a9d1
```
#84a9d1 rgb(132,169,209)
```
#97b6d8
```
#97b6d8 rgb(151,182,216)
```

Monochromatic Color

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

#5fa8c3
```
#5fa8c3 rgb(95,168,195)
```
#5fa0c3
```
#5fa0c3 rgb(95,160,195)
```
#5f97c3
```
#5f97c3 rgb(95,151,195)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#5f87c3
```
#5f87c3 rgb(95,135,195)
```
#5f7ec3
```
#5f7ec3 rgb(95,126,195)
```
#5f76c3
```
#5f76c3 rgb(95,118,195)
```

Similar Colors

Text with hexadecimal color #5f8fc3

This text has a font color of #5f8fc3.

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

#5f8fc3 background color

This paragraph has a background color of #5f8fc3.

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

#5f8fc3 border color

This element has a border color of #5f8fc3.

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

CSS codes

.text {color:#5f8fc3;}

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

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

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, #04080b is the darkest color, while #fcfdfe is the lightest one.

#04080b
```
#04080b rgb(4,8,11)
```
#0a1119
```
#0a1119 rgb(10,17,25)
```
#0f1b28
```
#0f1b28 rgb(15,27,40)
```
#142436
```
#142436 rgb(20,36,54)
```
#1a2e44
```
#1a2e44 rgb(26,46,68)
```
#1f3853
```
#1f3853 rgb(31,56,83)
```
#244161
```
#244161 rgb(36,65,97)
```
#2a4b6f
```
#2a4b6f rgb(42,75,111)
```
#2f557d
```
#2f557d rgb(47,85,125)
```
#345e8c
```
#345e8c rgb(52,94,140)
```
#3a689a
```
#3a689a rgb(58,104,154)
```
#3f71a8
```
#3f71a8 rgb(63,113,168)
```
#447bb6
```
#447bb6 rgb(68,123,182)
```

Shade Color Variation

#5185be
```
#5185be rgb(81,133,190)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#6d99c8
```
#6d99c8 rgb(109,153,200)
```
#7ca3ce
```
#7ca3ce rgb(124,163,206)
```
#8aadd3
```
#8aadd3 rgb(138,173,211)
```
#98b7d8
```
#98b7d8 rgb(152,183,216)
```
#a6c1de
```
#a6c1de rgb(166,193,222)
```
#b5cbe3
```
#b5cbe3 rgb(181,203,227)
```
#c3d5e8
```
#c3d5e8 rgb(195,213,232)
```
#d1dfee
```
#d1dfee rgb(209,223,238)
```
#dfe9f3
```
#dfe9f3 rgb(223,233,243)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #899199 is the less saturated color, while #248dfe is the most saturated one.

#899199
```
#899199 rgb(137,145,153)
```
#8190a1
```
#8190a1 rgb(129,144,161)
```
#7890aa
```
#7890aa rgb(120,144,170)
```
#7090b2
```
#7090b2 rgb(112,144,178)
```
#678fbb
```
#678fbb rgb(103,143,187)
```
#5f8fc3
```
#5f8fc3 rgb(95,143,195)
```
#578fcb
```
#578fcb rgb(87,143,203)
```
#4e8ed4
```
#4e8ed4 rgb(78,142,212)
```
#468edc
```
#468edc rgb(70,142,220)
```
#3d8ee5
```
#3d8ee5 rgb(61,142,229)
```
#358ded
```
#358ded rgb(53,141,237)
```
#2c8df6
```
#2c8df6 rgb(44,141,246)
```
#248dfe
```
#248dfe rgb(36,141,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7f8993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818fc2 Protanopia 1% of men
#7c90c7 Deuteranopia 1% of men
#599ba6 Tritanopia 0.001% of the population

Trichromacy

#748fc2 Protanomaly 1% of men, 0.01% of women
#718fc6 Deuteranomaly 6% of men, 0.4% of women
#5b96b0 Tritanomaly 0.01% of the population

#5f8fc3 hex color

#5f8fc3 Color Information

#5f8fc3 Color Conversion

Color Schemes with #5f8fc3

Alternatives to #5f8fc3

#5f8fc3 Preview

Shades and Tints of #5f8fc3

Tones of #5f8fc3

Color Blindness Simulator