#7b8caf hex color

In a RGB color space, hex #7b8caf is composed of 48.2% red, 54.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 29.7% cyan, 20% magenta, 0% yellow and 31.4% black. It has a hue angle of 220.4 degrees, a saturation of 24.5% and a lightness of 58.4%. #7b8caf color hex could be obtained by blending #f6ffff with #00195f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 48
- G 55
- B 69
RGB color chart
- C 30
- M 20
- Y 0
- K 31
CMYK color chart

● #7b8caf color description : Mostly desaturated dark blue.

The hexadecimal color #7b8caf has RGB values of R:123, G:140, B:175 and CMYK values of C:0.3, M:0.2, Y:0, K:0.31. Its decimal value is 8096943.

Hex triplet	7b8caf	`#7b8caf`
RGB Decimal	123, 140, 175	`rgb(123,140,175)`
RGB Percent	48.2, 54.9, 68.6	`rgb(48.2%,54.9%,68.6%)`
CMYK	30, 20, 0, 31
HSL	220.4°, 24.5, 58.4	`hsl(220.4,24.5%,58.4%)`
HSV (or HSB)	220.4°, 29.7, 68.6
Web Safe	669999	`#669999`

CIE-LAB	58.096, 2.185, -20.396
XYZ	25.283, 26.062, 44.253
xyY	0.264, 0.273, 26.062
CIE-LCH	58.096, 20.513, 276.115
CIE-LUV	58.096, -10.286, -31.018
Hunter-Lab	51.051, -0.937, -15.66
Binary	01111011, 10001100, 10101111

#7b8caf
```
#7b8caf rgb(123,140,175)
```
#af9e7b
```
#af9e7b rgb(175,158,123)
```

Complementary Color

#7ba6af
```
#7ba6af rgb(123,166,175)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#847baf
```
#847baf rgb(132,123,175)
```

Analogous Color

#a6af7b
```
#a6af7b rgb(166,175,123)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#af847b
```
#af847b rgb(175,132,123)
```

Split Complementary Color

#8caf7b
```
#8caf7b rgb(140,175,123)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#af7b8c
```
#af7b8c rgb(175,123,140)
```

Triadic Color

#7baf9e
```
#7baf9e rgb(123,175,158)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#af7b8c
```
#af7b8c rgb(175,123,140)
```
#af9e7b
```
#af9e7b rgb(175,158,123)
```

Tetradic Color

#54658a
```
#54658a rgb(84,101,138)
```
#5d719a
```
#5d719a rgb(93,113,154)
```
#6b7ea5
```
#6b7ea5 rgb(107,126,165)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#8b9ab9
```
#8b9ab9 rgb(139,154,185)
```
#9ba8c2
```
#9ba8c2 rgb(155,168,194)
```
#abb5cc
```
#abb5cc rgb(171,181,204)
```

Monochromatic Color

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

#7b99af
```
#7b99af rgb(123,153,175)
```
#7b95af
```
#7b95af rgb(123,149,175)
```
#7b90af
```
#7b90af rgb(123,144,175)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#7b88af
```
#7b88af rgb(123,136,175)
```
#7b83af
```
#7b83af rgb(123,131,175)
```
#7b7faf
```
#7b7faf rgb(123,127,175)
```

Similar Colors

Text with hexadecimal color #7b8caf

This text has a font color of #7b8caf.

<span style="color:#7b8caf;">Text here</span>

#7b8caf background color

This paragraph has a background color of #7b8caf.

<p style="background-color:#7b8caf;">Content here</p>

#7b8caf border color

This element has a border color of #7b8caf.

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

CSS codes

.text {color:#7b8caf;}

.background {background-color:#7b8caf;}

.border {border:1px solid #7b8caf;}

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

#010202
```
#010202 rgb(1,2,2)
```
#090b0f
```
#090b0f rgb(9,11,15)
```
#10141b
```
#10141b rgb(16,20,27)
```
#181d27
```
#181d27 rgb(24,29,39)
```
#1f2633
```
#1f2633 rgb(31,38,51)
```
#262f3f
```
#262f3f rgb(38,47,63)
```
#2e384c
```
#2e384c rgb(46,56,76)
```
#354158
```
#354158 rgb(53,65,88)
```
#3d4a64
```
#3d4a64 rgb(61,74,100)
```
#445270
```
#445270 rgb(68,82,112)
```
#4b5b7c
```
#4b5b7c rgb(75,91,124)
```
#536489
```
#536489 rgb(83,100,137)
```
#5a6d95
```
#5a6d95 rgb(90,109,149)
```

Shade Color Variation

#6377a0
```
#6377a0 rgb(99,119,160)
```
#6f81a8
```
#6f81a8 rgb(111,129,168)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#8797b6
```
#8797b6 rgb(135,151,182)
```
#93a1be
```
#93a1be rgb(147,161,190)
```
#a0acc5
```
#a0acc5 rgb(160,172,197)
```
#acb7cd
```
#acb7cd rgb(172,183,205)
```
#b8c1d4
```
#b8c1d4 rgb(184,193,212)
```
#c4ccdb
```
#c4ccdb rgb(196,204,219)
```
#d0d6e3
```
#d0d6e3 rgb(208,214,227)
```
#dde1ea
```
#dde1ea rgb(221,225,234)
```
#e9ecf2
```
#e9ecf2 rgb(233,236,242)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#939497
```
#939497 rgb(147,148,151)
```
#8b929f
```
#8b929f rgb(139,146,159)
```
#838fa7
```
#838fa7 rgb(131,143,167)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#7389b7
```
#7389b7 rgb(115,137,183)
```
#6b86bf
```
#6b86bf rgb(107,134,191)
```
#6384c7
```
#6384c7 rgb(99,132,199)
```
#5a81d0
```
#5a81d0 rgb(90,129,208)
```
#527ed8
```
#527ed8 rgb(82,126,216)
```
#4a7be0
```
#4a7be0 rgb(74,123,224)
```
#4278e8
```
#4278e8 rgb(66,120,232)
```
#3a75f0
```
#3a75f0 rgb(58,117,240)
```
#3273f8
```
#3273f8 rgb(50,115,248)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#888b92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8890b2 Protanopia 1% of men
#8c8fb4 Deuteranopia 1% of men
#7c95a0 Tritanopia 0.001% of the population

Trichromacy

#838eb0 Protanomaly 1% of men, 0.01% of women
#858db2 Deuteranomaly 6% of men, 0.4% of women
#7c92a5 Tritanomaly 0.01% of the population

#7b8caf hex color

#7b8caf Color Information

#7b8caf Color Conversion

Color Schemes with #7b8caf

Alternatives to #7b8caf

#7b8caf Preview

Shades and Tints of #7b8caf

Tones of #7b8caf

Color Blindness Simulator