colorhexa.com

#5b7fd4 hex color

In a RGB color space, hex #5b7fd4 is composed of 35.7% red, 49.8% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 40.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 222.1 degrees, a saturation of 58.5% and a lightness of 59.4%. #5b7fd4 color hex could be obtained by blending #b6feff with #0000a9. Closest websafe color is: #6666cc.

- R 36
- G 50
- B 83
RGB color chart
- C 57
- M 40
- Y 0
- K 17
CMYK color chart

● #5b7fd4 color description : Moderate blue.

The hexadecimal color #5b7fd4 has RGB values of R:91, G:127, B:212 and CMYK values of C:0.57, M:0.4, Y:0, K:0.17. Its decimal value is 5996500.

Hex triplet	5b7fd4	`#5b7fd4`
RGB Decimal	91, 127, 212	`rgb(91,127,212)`
RGB Percent	35.7, 49.8, 83.1	`rgb(35.7%,49.8%,83.1%)`
CMYK	57, 40, 0, 17
HSL	222.1°, 58.5, 59.4	`hsl(222.1,58.5%,59.4%)`
HSV (or HSB)	222.1°, 57.1, 83.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.191, 12.534, -47.647
XYZ	23.785, 22.155, 65.307
xyY	0.214, 0.199, 22.155
CIE-LCH	54.191, 49.268, 284.738
CIE-LUV	54.191, -17.961, -75.473
Hunter-Lab	47.069, 7.828, -49.314
Binary	01011011, 01111111, 11010100

#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#d4b05b
```
#d4b05b rgb(212,176,91)
```

Complementary Color

#5bbcd4
```
#5bbcd4 rgb(91,188,212)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#745bd4
```
#745bd4 rgb(116,91,212)
```

Analogous Color

#bcd45b
```
#bcd45b rgb(188,212,91)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#d4745b
```
#d4745b rgb(212,116,91)
```

Split Complementary Color

#7fd45b
```
#7fd45b rgb(127,212,91)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#d45b7f
```
#d45b7f rgb(212,91,127)
```

Triadic Color

#5bd4b0
```
#5bd4b0 rgb(91,212,176)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#d45b7f
```
#d45b7f rgb(212,91,127)
```
#d4b05b
```
#d4b05b rgb(212,176,91)
```

Tetradic Color

#2f56b3
```
#2f56b3 rgb(47,86,179)
```
#3460c8
```
#3460c8 rgb(52,96,200)
```
#476fcf
```
#476fcf rgb(71,111,207)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#6f8fd9
```
#6f8fd9 rgb(111,143,217)
```
#839fdf
```
#839fdf rgb(131,159,223)
```
#98aee4
```
#98aee4 rgb(152,174,228)
```

Monochromatic Color

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

#5b9dd4
```
#5b9dd4 rgb(91,157,212)
```
#5b93d4
```
#5b93d4 rgb(91,147,212)
```
#5b89d4
```
#5b89d4 rgb(91,137,212)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#5b75d4
```
#5b75d4 rgb(91,117,212)
```
#5b6bd4
```
#5b6bd4 rgb(91,107,212)
```
#5b61d4
```
#5b61d4 rgb(91,97,212)
```

Similar Colors

Text with hexadecimal color #5b7fd4

This text has a font color of #5b7fd4.

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

#5b7fd4 background color

This paragraph has a background color of #5b7fd4.

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

#5b7fd4 border color

This element has a border color of #5b7fd4.

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

CSS codes

.text {color:#5b7fd4;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#060b16
```
#060b16 rgb(6,11,22)
```
#0a1226
```
#0a1226 rgb(10,18,38)
```
#0e1a36
```
#0e1a36 rgb(14,26,54)
```
#122145
```
#122145 rgb(18,33,69)
```
#162955
```
#162955 rgb(22,41,85)
```
#1a3064
```
#1a3064 rgb(26,48,100)
```
#1e3874
```
#1e3874 rgb(30,56,116)
```
#223f83
```
#223f83 rgb(34,63,131)
```
#264793
```
#264793 rgb(38,71,147)
```
#2b4ea2
```
#2b4ea2 rgb(43,78,162)
```
#2f56b2
```
#2f56b2 rgb(47,86,178)
```
#335dc1
```
#335dc1 rgb(51,93,193)
```

Shade Color Variation

#3c67cc
```
#3c67cc rgb(60,103,204)
```
#4b73d0
```
#4b73d0 rgb(75,115,208)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#6b8bd8
```
#6b8bd8 rgb(107,139,216)
```
#7a97dc
```
#7a97dc rgb(122,151,220)
```
#8aa3e0
```
#8aa3e0 rgb(138,163,224)
```
#99b0e4
```
#99b0e4 rgb(153,176,228)
```
#a9bce8
```
#a9bce8 rgb(169,188,232)
```
#b8c8ec
```
#b8c8ec rgb(184,200,236)
```
#c8d4f1
```
#c8d4f1 rgb(200,212,241)
```
#d7e0f5
```
#d7e0f5 rgb(215,224,245)
```
#e7ecf9
```
#e7ecf9 rgb(231,236,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93969c is the less saturated color, while #336ffc is the most saturated one.

#93969c
```
#93969c rgb(147,150,156)
```
#8b92a4
```
#8b92a4 rgb(139,146,164)
```
#838fac
```
#838fac rgb(131,143,172)
```
#7b8cb4
```
#7b8cb4 rgb(123,140,180)
```
#7389bc
```
#7389bc rgb(115,137,188)
```
#6b85c4
```
#6b85c4 rgb(107,133,196)
```
#6382cc
```
#6382cc rgb(99,130,204)
```
#5b7fd4
```
#5b7fd4 rgb(91,127,212)
```
#537cdc
```
#537cdc rgb(83,124,220)
```
#4b79e4
```
#4b79e4 rgb(75,121,228)
```
#4375ec
```
#4375ec rgb(67,117,236)
```
#3b72f4
```
#3b72f4 rgb(59,114,244)
```
#336ffc
```
#336ffc rgb(51,111,252)
```

Tone Color Variation

Below, you can see how #5b7fd4 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
#777e8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6485d6 Protanopia 1% of men
#5288d4 Deuteranopia 1% of men
#45929d Tritanopia 0.001% of the population

Trichromacy

#6183d5 Protanomaly 1% of men, 0.01% of women
#5585d4 Deuteranomaly 6% of men, 0.4% of women
#4d8bb1 Tritanomaly 0.01% of the population