#788ba0 hex color

In a RGB color space, hex #788ba0 is composed of 47.1% red, 54.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 13.1% magenta, 0% yellow and 37.3% black. It has a hue angle of 211.5 degrees, a saturation of 17.4% and a lightness of 54.9%. #788ba0 color hex could be obtained by blending #f0ffff with #001741. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 55
- B 63
RGB color chart
- C 25
- M 13
- Y 0
- K 37
CMYK color chart

● #788ba0 color description : Mostly desaturated dark blue.

The hexadecimal color #788ba0 has RGB values of R:120, G:139, B:160 and CMYK values of C:0.25, M:0.13, Y:0, K:0.37. Its decimal value is 7900064.

Hex triplet	788ba0	`#788ba0`
RGB Decimal	120, 139, 160	`rgb(120,139,160)`
RGB Percent	47.1, 54.5, 62.7	`rgb(47.1%,54.5%,62.7%)`
CMYK	25, 13, 0, 37
HSL	211.5°, 17.4, 54.9	`hsl(211.5,17.4%,54.9%)`
HSV (or HSB)	211.5°, 25, 62.7
Web Safe	669999	`#669999`

CIE-LAB	57.071, -1.937, -13.393
XYZ	23.322, 24.996, 36.852
xyY	0.274, 0.293, 24.996
CIE-LCH	57.071, 13.533, 261.771
CIE-LUV	57.071, -10.754, -19.443
Hunter-Lab	49.996, -4.226, -8.705
Binary	01111000, 10001011, 10100000

#788ba0
```
#788ba0 rgb(120,139,160)
```
#a08d78
```
#a08d78 rgb(160,141,120)
```

Complementary Color

#789fa0
```
#789fa0 rgb(120,159,160)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#7978a0
```
#7978a0 rgb(121,120,160)
```

Analogous Color

#9fa078
```
#9fa078 rgb(159,160,120)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#a07978
```
#a07978 rgb(160,121,120)
```

Split Complementary Color

#8ba078
```
#8ba078 rgb(139,160,120)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#a0788b
```
#a0788b rgb(160,120,139)
```

Triadic Color

#78a08d
```
#78a08d rgb(120,160,141)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#a0788b
```
#a0788b rgb(160,120,139)
```
#a08d78
```
#a08d78 rgb(160,141,120)
```

Tetradic Color

#546577
```
#546577 rgb(84,101,119)
```
#5f7286
```
#5f7286 rgb(95,114,134)
```
#697e95
```
#697e95 rgb(105,126,149)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#8798ab
```
#8798ab rgb(135,152,171)
```
#96a5b5
```
#96a5b5 rgb(150,165,181)
```
#a5b2c0
```
#a5b2c0 rgb(165,178,192)
```

Monochromatic Color

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

#7895a0
```
#7895a0 rgb(120,149,160)
```
#7892a0
```
#7892a0 rgb(120,146,160)
```
#788ea0
```
#788ea0 rgb(120,142,160)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#7888a0
```
#7888a0 rgb(120,136,160)
```
#7884a0
```
#7884a0 rgb(120,132,160)
```
#7881a0
```
#7881a0 rgb(120,129,160)
```

Similar Colors

Text with hexadecimal color #788ba0

This text has a font color of #788ba0.

<span style="color:#788ba0;">Text here</span>

#788ba0 background color

This paragraph has a background color of #788ba0.

<p style="background-color:#788ba0;">Content here</p>

#788ba0 border color

This element has a border color of #788ba0.

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

CSS codes

.text {color:#788ba0;}

.background {background-color:#788ba0;}

.border {border:1px solid #788ba0;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0c0f
```
#0a0c0f rgb(10,12,15)
```
#12161a
```
#12161a rgb(18,22,26)
```
#1b2026
```
#1b2026 rgb(27,32,38)
```
#232a31
```
#232a31 rgb(35,42,49)
```
#2b333d
```
#2b333d rgb(43,51,61)
```
#333d48
```
#333d48 rgb(51,61,72)
```
#3b4754
```
#3b4754 rgb(59,71,84)
```
#43505f
```
#43505f rgb(67,80,95)
```
#4b5a6b
```
#4b5a6b rgb(75,90,107)
```
#536476
```
#536476 rgb(83,100,118)
```
#5b6e82
```
#5b6e82 rgb(91,110,130)
```
#63778d
```
#63778d rgb(99,119,141)
```

Shade Color Variation

#6c8198
```
#6c8198 rgb(108,129,152)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#8495a8
```
#8495a8 rgb(132,149,168)
```
#8f9fb0
```
#8f9fb0 rgb(143,159,176)
```
#9ba9b8
```
#9ba9b8 rgb(155,169,184)
```
#a6b3c0
```
#a6b3c0 rgb(166,179,192)
```
#b2bcc9
```
#b2bcc9 rgb(178,188,201)
```
#bdc6d1
```
#bdc6d1 rgb(189,198,209)
```
#c9d0d9
```
#c9d0d9 rgb(201,208,217)
```
#d4dae1
```
#d4dae1 rgb(212,218,225)
```
#e0e4e9
```
#e0e4e9 rgb(224,228,233)
```
#ebeef1
```
#ebeef1 rgb(235,238,241)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c8e is the less saturated color, while #2087f8 is the most saturated one.

#8a8c8e
```
#8a8c8e rgb(138,140,142)
```
#818b97
```
#818b97 rgb(129,139,151)
```
#788ba0
```
#788ba0 rgb(120,139,160)
```
#6f8ba9
```
#6f8ba9 rgb(111,139,169)
```
#668ab2
```
#668ab2 rgb(102,138,178)
```
#5d8abb
```
#5d8abb rgb(93,138,187)
```
#5589c3
```
#5589c3 rgb(85,137,195)
```
#4c89cc
```
#4c89cc rgb(76,137,204)
```
#4388d5
```
#4388d5 rgb(67,136,213)
```
#3a88de
```
#3a88de rgb(58,136,222)
```
#3187e7
```
#3187e7 rgb(49,135,231)
```
#2887f0
```
#2887f0 rgb(40,135,240)
```
#2087f8
```
#2087f8 rgb(32,135,248)
```

Tone Color Variation

Below, you can see how #788ba0 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

#888888 Achromatopsia 0.005% of the population
#85898d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8ea3 Protanopia 1% of men
#908ca6 Deuteranopia 1% of men
#7d929c Tritanopia 0.001% of the population

Trichromacy

#848ca2 Protanomaly 1% of men, 0.01% of women
#878ba4 Deuteranomaly 6% of men, 0.4% of women
#7b8f9e Tritanomaly 0.01% of the population

#788ba0 hex color

#788ba0 Color Information

#788ba0 Color Conversion

Color Schemes with #788ba0

Alternatives to #788ba0

#788ba0 Preview

Shades and Tints of #788ba0

Tones of #788ba0

Color Blindness Simulator