colorhexa.com

#5069bb hex color

In a RGB color space, hex #5069bb is composed of 31.4% red, 41.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 43.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 226 degrees, a saturation of 44% and a lightness of 52.4%. #5069bb color hex could be obtained by blending #a0d2ff with #000077. Closest websafe color is: #6666cc.

- R 31
- G 41
- B 73
RGB color chart
- C 57
- M 44
- Y 0
- K 27
CMYK color chart

● #5069bb color description : Moderate blue.

The hexadecimal color #5069bb has RGB values of R:80, G:105, B:187 and CMYK values of C:0.57, M:0.44, Y:0, K:0.27. Its decimal value is 5269947.

Hex triplet	5069bb	`#5069bb`
RGB Decimal	80, 105, 187	`rgb(80,105,187)`
RGB Percent	31.4, 41.2, 73.3	`rgb(31.4%,41.2%,73.3%)`
CMYK	57, 44, 0, 27
HSL	226°, 44, 52.4	`hsl(226,44%,52.4%)`
HSV (or HSB)	226°, 57.2, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.171, 15.531, -46.145
XYZ	17.328, 15.396, 49.07
xyY	0.212, 0.188, 15.396
CIE-LCH	46.171, 48.689, 288.602
CIE-LUV	46.171, -13.553, -70.807
Hunter-Lab	39.237, 10.162, -46.681
Binary	01010000, 01101001, 10111011

#5069bb
```
#5069bb rgb(80,105,187)
```
#bba250
```
#bba250 rgb(187,162,80)
```

Complementary Color

#509fbb
```
#509fbb rgb(80,159,187)
```
#5069bb
```
#5069bb rgb(80,105,187)
```
#6d50bb
```
#6d50bb rgb(109,80,187)
```

Analogous Color

#9fbb50
```
#9fbb50 rgb(159,187,80)
```
#5069bb
```
#5069bb rgb(80,105,187)
```
#bb6d50
```
#bb6d50 rgb(187,109,80)
```

Split Complementary Color

#69bb50
```
#69bb50 rgb(105,187,80)
```
#5069bb
```
#5069bb rgb(80,105,187)
```
#bb5069
```
#bb5069 rgb(187,80,105)
```

Triadic Color

#50bba2
```
#50bba2 rgb(80,187,162)
```
#5069bb
```
#5069bb rgb(80,105,187)
```
#bb5069
```
#bb5069 rgb(187,80,105)
```
#bba250
```
#bba250 rgb(187,162,80)
```

Tetradic Color

#354989
```
#354989 rgb(53,73,137)
```
#3c539c
```
#3c539c rgb(60,83,156)
```
#445cae
```
#445cae rgb(68,92,174)
```
#5069bb
```
#5069bb rgb(80,105,187)
```
#6279c2
```
#6279c2 rgb(98,121,194)
```
#7588c9
```
#7588c9 rgb(117,136,201)
```
#8798d0
```
#8798d0 rgb(135,152,208)
```

Monochromatic Color

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

#5084bb
```
#5084bb rgb(80,132,187)
```
#507bbb
```
#507bbb rgb(80,123,187)
```
#5072bb
```
#5072bb rgb(80,114,187)
```
#5069bb
```
#5069bb rgb(80,105,187)
```
#5060bb
```
#5060bb rgb(80,96,187)
```
#5057bb
```
#5057bb rgb(80,87,187)
```
#5250bb
```
#5250bb rgb(82,80,187)
```

Similar Colors

Text with hexadecimal color #5069bb

This text has a font color of #5069bb.

<span style="color:#5069bb;">Text here</span>

#5069bb background color

This paragraph has a background color of #5069bb.

<p style="background-color:#5069bb;">Content here</p>

#5069bb border color

This element has a border color of #5069bb.

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

CSS codes

.text {color:#5069bb;}

.background {background-color:#5069bb;}

.border {border:1px solid #5069bb;}

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

#030509
```
#030509 rgb(3,5,9)
```
#090c17
```
#090c17 rgb(9,12,23)
```
#0e1425
```
#0e1425 rgb(14,20,37)
```
#141b33
```
#141b33 rgb(20,27,51)
```
#192341
```
#192341 rgb(25,35,65)
```
#1f2a4f
```
#1f2a4f rgb(31,42,79)
```
#24325d
```
#24325d rgb(36,50,93)
```
#2a396c
```
#2a396c rgb(42,57,108)
```
#2f417a
```
#2f417a rgb(47,65,122)
```
#354888
```
#354888 rgb(53,72,136)
```
#3a5096
```
#3a5096 rgb(58,80,150)
```
#4057a4
```
#4057a4 rgb(64,87,164)
```
#455fb2
```
#455fb2 rgb(69,95,178)
```

Shade Color Variation

#5069bb
```
#5069bb rgb(80,105,187)
```
#5e75c0
```
#5e75c0 rgb(94,117,192)
```
#6c81c6
```
#6c81c6 rgb(108,129,198)
```
#7a8dcb
```
#7a8dcb rgb(122,141,203)
```
#8999d1
```
#8999d1 rgb(137,153,209)
```
#97a6d6
```
#97a6d6 rgb(151,166,214)
```
#a5b2dc
```
#a5b2dc rgb(165,178,220)
```
#b3bee1
```
#b3bee1 rgb(179,190,225)
```
#c1cae7
```
#c1cae7 rgb(193,202,231)
```
#cfd6ec
```
#cfd6ec rgb(207,214,236)
```
#dde2f2
```
#dde2f2 rgb(221,226,242)
```
#ebeef7
```
#ebeef7 rgb(235,238,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#7f828c
```
#7f828c rgb(127,130,140)
```
#757d96
```
#757d96 rgb(117,125,150)
```
#6c789f
```
#6c789f rgb(108,120,159)
```
#6373a8
```
#6373a8 rgb(99,115,168)
```
#596eb2
```
#596eb2 rgb(89,110,178)
```
#5069bb
```
#5069bb rgb(80,105,187)
```
#4764c4
```
#4764c4 rgb(71,100,196)
```
#3d5fce
```
#3d5fce rgb(61,95,206)
```
#345ad7
```
#345ad7 rgb(52,90,215)
```
#2b55e0
```
#2b55e0 rgb(43,85,224)
```
#2150ea
```
#2150ea rgb(33,80,234)
```
#184bf3
```
#184bf3 rgb(24,75,243)
```
#0f46fc
```
#0f46fc rgb(15,70,252)
```

Tone Color Variation

Below, you can see how #5069bb 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

#6b6b6b Achromatopsia 0.005% of the population
#666b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f72bf Protanopia 1% of men
#3b75bc Deuteranopia 1% of men
#3c7d87 Tritanopia 0.001% of the population

Trichromacy

#4f6fbe Protanomaly 1% of men, 0.01% of women
#4371bb Deuteranomaly 6% of men, 0.4% of women
#43769a Tritanomaly 0.01% of the population