#5c83bf hex color

In a RGB color space, hex #5c83bf is composed of 36.1% red, 51.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 31.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 216.4 degrees, a saturation of 43.6% and a lightness of 55.5%. #5c83bf color hex could be obtained by blending #b8ffff with #00077f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 51
- B 75
RGB color chart
- C 52
- M 31
- Y 0
- K 25
CMYK color chart

● #5c83bf color description : Moderate blue.

The hexadecimal color #5c83bf has RGB values of R:92, G:131, B:191 and CMYK values of C:0.52, M:0.31, Y:0, K:0.25. Its decimal value is 6063039.

Hex triplet	5c83bf	`#5c83bf`
RGB Decimal	92, 131, 191	`rgb(92,131,191)`
RGB Percent	36.1, 51.4, 74.9	`rgb(36.1%,51.4%,74.9%)`
CMYK	52, 31, 0, 25
HSL	216.4°, 43.6, 55.5	`hsl(216.4,43.6%,55.5%)`
HSV (or HSB)	216.4°, 51.8, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.311, 3.615, -35.535
XYZ	21.932, 22.268, 52.43
xyY	0.227, 0.23, 22.268
CIE-LCH	54.311, 35.719, 275.808
CIE-LUV	54.311, -19.002, -54.966
Hunter-Lab	47.189, 0.378, -32.842
Binary	01011100, 10000011, 10111111

#5c83bf
```
#5c83bf rgb(92,131,191)
```
#bf985c
```
#bf985c rgb(191,152,92)
```

Complementary Color

#5cb5bf
```
#5cb5bf rgb(92,181,191)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#675cbf
```
#675cbf rgb(103,92,191)
```

Analogous Color

#b5bf5c
```
#b5bf5c rgb(181,191,92)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#bf675c
```
#bf675c rgb(191,103,92)
```

Split Complementary Color

#83bf5c
```
#83bf5c rgb(131,191,92)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#bf5c83
```
#bf5c83 rgb(191,92,131)
```

Triadic Color

#5cbf98
```
#5cbf98 rgb(92,191,152)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#bf5c83
```
#bf5c83 rgb(191,92,131)
```
#bf985c
```
#bf985c rgb(191,152,92)
```

Tetradic Color

#3a5e94
```
#3a5e94 rgb(58,94,148)
```
#4169a7
```
#4169a7 rgb(65,105,167)
```
#4a75b8
```
#4a75b8 rgb(74,117,184)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#6e91c6
```
#6e91c6 rgb(110,145,198)
```
#819fcd
```
#819fcd rgb(129,159,205)
```
#93add5
```
#93add5 rgb(147,173,213)
```

Monochromatic Color

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

#5c9cbf
```
#5c9cbf rgb(92,156,191)
```
#5c94bf
```
#5c94bf rgb(92,148,191)
```
#5c8bbf
```
#5c8bbf rgb(92,139,191)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#5c7bbf
```
#5c7bbf rgb(92,123,191)
```
#5c73bf
```
#5c73bf rgb(92,115,191)
```
#5c6abf
```
#5c6abf rgb(92,106,191)
```

Similar Colors

Text with hexadecimal color #5c83bf

This text has a font color of #5c83bf.

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

#5c83bf background color

This paragraph has a background color of #5c83bf.

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

#5c83bf border color

This element has a border color of #5c83bf.

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

CSS codes

.text {color:#5c83bf;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080d14
```
#080d14 rgb(8,13,20)
```
#0d1622
```
#0d1622 rgb(13,22,34)
```
#131f30
```
#131f30 rgb(19,31,48)
```
#18273e
```
#18273e rgb(24,39,62)
```
#1e304c
```
#1e304c rgb(30,48,76)
```
#24395b
```
#24395b rgb(36,57,91)
```
#294269
```
#294269 rgb(41,66,105)
```
#2f4b77
```
#2f4b77 rgb(47,75,119)
```
#345485
```
#345485 rgb(52,84,133)
```
#3a5d93
```
#3a5d93 rgb(58,93,147)
```
#3f66a1
```
#3f66a1 rgb(63,102,161)
```
#456faf
```
#456faf rgb(69,111,175)
```

Shade Color Variation

#4e78b9
```
#4e78b9 rgb(78,120,185)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#6a8ec5
```
#6a8ec5 rgb(106,142,197)
```
#7898ca
```
#7898ca rgb(120,152,202)
```
#86a3d0
```
#86a3d0 rgb(134,163,208)
```
#94aed5
```
#94aed5 rgb(148,174,213)
```
#a2b9db
```
#a2b9db rgb(162,185,219)
```
#b1c3e0
```
#b1c3e0 rgb(177,195,224)
```
#bfcee6
```
#bfcee6 rgb(191,206,230)
```
#cdd9eb
```
#cdd9eb rgb(205,217,235)
```
#dbe3f1
```
#dbe3f1 rgb(219,227,241)
```
#e9eef6
```
#e9eef6 rgb(233,238,246)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c93 is the less saturated color, while #1f76fc is the most saturated one.

#888c93
```
#888c93 rgb(136,140,147)
```
#7f8a9c
```
#7f8a9c rgb(127,138,156)
```
#7689a5
```
#7689a5 rgb(118,137,165)
```
#6d87ae
```
#6d87ae rgb(109,135,174)
```
#6585b6
```
#6585b6 rgb(101,133,182)
```
#5c83bf
```
#5c83bf rgb(92,131,191)
```
#5381c8
```
#5381c8 rgb(83,129,200)
```
#4b7fd0
```
#4b7fd0 rgb(75,127,208)
```
#427dd9
```
#427dd9 rgb(66,125,217)
```
#397ce2
```
#397ce2 rgb(57,124,226)
```
#307aeb
```
#307aeb rgb(48,122,235)
```
#2878f3
```
#2878f3 rgb(40,120,243)
```
#1f76fc
```
#1f76fc rgb(31,118,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#777f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7486c0 Protanopia 1% of men
#6c87c3 Deuteranopia 1% of men
#53919b Tritanopia 0.001% of the population

Trichromacy

#6b85bf Protanomaly 1% of men, 0.01% of women
#6685c1 Deuteranomaly 6% of men, 0.4% of women
#568ca8 Tritanomaly 0.01% of the population

#5c83bf hex color

#5c83bf Color Information

#5c83bf Color Conversion

Color Schemes with #5c83bf

Alternatives to #5c83bf

#5c83bf Preview

Shades and Tints of #5c83bf

Tones of #5c83bf

Color Blindness Simulator