#504fbb hex color

In a RGB color space, hex #504fbb is composed of 31.4% red, 31% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 57.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 240.6 degrees, a saturation of 44.3% and a lightness of 52.2%. #504fbb color hex could be obtained by blending #a09eff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 31
- B 73
RGB color chart
- C 57
- M 58
- Y 0
- K 27
CMYK color chart

● #504fbb color description : Moderate blue.

The hexadecimal color #504fbb has RGB values of R:80, G:79, B:187 and CMYK values of C:0.57, M:0.58, Y:0, K:0.27. Its decimal value is 5263291.

Hex triplet	504fbb	`#504fbb`
RGB Decimal	80, 79, 187	`rgb(80,79,187)`
RGB Percent	31.4, 31, 73.3	`rgb(31.4%,31%,73.3%)`
CMYK	57, 58, 0, 27
HSL	240.6°, 44.3, 52.2	`hsl(240.6,44.3%,52.2%)`
HSV (or HSB)	240.6°, 57.8, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.386, 31.903, -57.058
XYZ	15.072, 10.885, 48.318
xyY	0.203, 0.147, 10.885
CIE-LCH	39.386, 65.371, 299.211
CIE-LUV	39.386, -5.816, -84.648
Hunter-Lab	32.992, 23.81, -63.738
Binary	01010000, 01001111, 10111011

#504fbb
```
#504fbb rgb(80,79,187)
```
#babb4f
```
#babb4f rgb(186,187,79)
```

Complementary Color

#4f84bb
```
#4f84bb rgb(79,132,187)
```
#504fbb
```
#504fbb rgb(80,79,187)
```
#864fbb
```
#864fbb rgb(134,79,187)
```

Analogous Color

#84bb4f
```
#84bb4f rgb(132,187,79)
```
#504fbb
```
#504fbb rgb(80,79,187)
```
#bb864f
```
#bb864f rgb(187,134,79)
```

Split Complementary Color

#4fbb50
```
#4fbb50 rgb(79,187,80)
```
#504fbb
```
#504fbb rgb(80,79,187)
```
#bb504f
```
#bb504f rgb(187,80,79)
```

Triadic Color

#4fbabb
```
#4fbabb rgb(79,186,187)
```
#504fbb
```
#504fbb rgb(80,79,187)
```
#bb504f
```
#bb504f rgb(187,80,79)
```
#babb4f
```
#babb4f rgb(186,187,79)
```

Tetradic Color

#363589
```
#363589 rgb(54,53,137)
```
#3d3c9b
```
#3d3c9b rgb(61,60,155)
```
#4443ad
```
#4443ad rgb(68,67,173)
```
#504fbb
```
#504fbb rgb(80,79,187)
```
#6261c2
```
#6261c2 rgb(98,97,194)
```
#7574c9
```
#7574c9 rgb(117,116,201)
```
#8786d0
```
#8786d0 rgb(135,134,208)
```

Monochromatic Color

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

#4f69bb
```
#4f69bb rgb(79,105,187)
```
#4f60bb
```
#4f60bb rgb(79,96,187)
```
#4f57bb
```
#4f57bb rgb(79,87,187)
```
#504fbb
```
#504fbb rgb(80,79,187)
```
#594fbb
```
#594fbb rgb(89,79,187)
```
#624fbb
```
#624fbb rgb(98,79,187)
```
#6b4fbb
```
#6b4fbb rgb(107,79,187)
```

Similar Colors

Text with hexadecimal color #504fbb

This text has a font color of #504fbb.

<span style="color:#504fbb;">Text here</span>

#504fbb background color

This paragraph has a background color of #504fbb.

<p style="background-color:#504fbb;">Content here</p>

#504fbb border color

This element has a border color of #504fbb.

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

CSS codes

.text {color:#504fbb;}

.background {background-color:#504fbb;}

.border {border:1px solid #504fbb;}

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

#030308
```
#030308 rgb(3,3,8)
```
#090916
```
#090916 rgb(9,9,22)
```
#0e0e24
```
#0e0e24 rgb(14,14,36)
```
#141332
```
#141332 rgb(20,19,50)
```
#191941
```
#191941 rgb(25,25,65)
```
#1f1e4f
```
#1f1e4f rgb(31,30,79)
```
#24245d
```
#24245d rgb(36,36,93)
```
#2a296b
```
#2a296b rgb(42,41,107)
```
#2f2f79
```
#2f2f79 rgb(47,47,121)
```
#353487
```
#353487 rgb(53,52,135)
```
#3b3a95
```
#3b3a95 rgb(59,58,149)
```
#403fa4
```
#403fa4 rgb(64,63,164)
```
#4645b2
```
#4645b2 rgb(70,69,178)
```

Shade Color Variation

#504fbb
```
#504fbb rgb(80,79,187)
```
#5e5dc0
```
#5e5dc0 rgb(94,93,192)
```
#6c6bc6
```
#6c6bc6 rgb(108,107,198)
```
#7a79cb
```
#7a79cb rgb(122,121,203)
```
#8888d1
```
#8888d1 rgb(136,136,209)
```
#9696d6
```
#9696d6 rgb(150,150,214)
```
#a4a4dc
```
#a4a4dc rgb(164,164,220)
```
#b2b2e1
```
#b2b2e1 rgb(178,178,225)
```
#c1c0e7
```
#c1c0e7 rgb(193,192,231)
```
#cfceec
```
#cfceec rgb(207,206,236)
```
#dddcf2
```
#dddcf2 rgb(221,220,242)
```
#ebebf7
```
#ebebf7 rgb(235,235,247)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e8c is the less saturated color, while #100dfd is the most saturated one.

#7e7e8c
```
#7e7e8c rgb(126,126,140)
```
#757595
```
#757595 rgb(117,117,149)
```
#6c6b9f
```
#6c6b9f rgb(108,107,159)
```
#6262a8
```
#6262a8 rgb(98,98,168)
```
#5958b2
```
#5958b2 rgb(89,88,178)
```
#504fbb
```
#504fbb rgb(80,79,187)
```
#4746c4
```
#4746c4 rgb(71,70,196)
```
#3e3cce
```
#3e3cce rgb(62,60,206)
```
#3433d7
```
#3433d7 rgb(52,51,215)
```
#2b29e1
```
#2b29e1 rgb(43,41,225)
```
#2220ea
```
#2220ea rgb(34,32,234)
```
#1917f3
```
#1917f3 rgb(25,23,243)
```
#100dfd
```
#100dfd rgb(16,13,253)
```

Tone Color Variation

Below, you can see how #504fbb 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

#5c5c5c Achromatopsia 0.005% of the population
#5a596f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0067a9 Deuteranopia 1% of men
#326d75 Tritanopia 0.001% of the population

Trichromacy

#1d5bbe Protanomaly 1% of men, 0.01% of women
#1d5eaf Deuteranomaly 6% of men, 0.4% of women
#3c628e Tritanomaly 0.01% of the population

#504fbb hex color

#504fbb Color Information

#504fbb Color Conversion

Color Schemes with #504fbb

Alternatives to #504fbb

#504fbb Preview

Shades and Tints of #504fbb

Tones of #504fbb

Color Blindness Simulator