#768bbf hex color

In a RGB color space, hex #768bbf is composed of 46.3% red, 54.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 27.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 222.7 degrees, a saturation of 36.3% and a lightness of 60.6%. #768bbf color hex could be obtained by blending #ecffff with #00177f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 55
- B 75
RGB color chart
- C 38
- M 27
- Y 0
- K 25
CMYK color chart

● #768bbf color description : Slightly desaturated blue.

The hexadecimal color #768bbf has RGB values of R:118, G:139, B:191 and CMYK values of C:0.38, M:0.27, Y:0, K:0.25. Its decimal value is 7769023.

Hex triplet	768bbf	`#768bbf`
RGB Decimal	118, 139, 191	`rgb(118,139,191)`
RGB Percent	46.3, 54.5, 74.9	`rgb(46.3%,54.5%,74.9%)`
CMYK	38, 27, 0, 25
HSL	222.7°, 36.3, 60.6	`hsl(222.7,36.3%,60.6%)`
HSV (or HSB)	222.7°, 38.2, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.111, 5.572, -29.495
XYZ	26.106, 26.078, 52.945
xyY	0.248, 0.248, 26.078
CIE-LCH	58.111, 30.017, 280.699
CIE-LUV	58.111, -12.527, -46.043
Hunter-Lab	51.066, 1.886, -25.725
Binary	01110110, 10001011, 10111111

#768bbf
```
#768bbf rgb(118,139,191)
```
#bfaa76
```
#bfaa76 rgb(191,170,118)
```

Complementary Color

#76b0bf
```
#76b0bf rgb(118,176,191)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#8676bf
```
#8676bf rgb(134,118,191)
```

Analogous Color

#b0bf76
```
#b0bf76 rgb(176,191,118)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#bf8676
```
#bf8676 rgb(191,134,118)
```

Split Complementary Color

#8bbf76
```
#8bbf76 rgb(139,191,118)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#bf768b
```
#bf768b rgb(191,118,139)
```

Triadic Color

#76bfaa
```
#76bfaa rgb(118,191,170)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#bf768b
```
#bf768b rgb(191,118,139)
```
#bfaa76
```
#bfaa76 rgb(191,170,118)
```

Tetradic Color

#4a629e
```
#4a629e rgb(74,98,158)
```
#536eaf
```
#536eaf rgb(83,110,175)
```
#657cb7
```
#657cb7 rgb(101,124,183)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#879ac7
```
#879ac7 rgb(135,154,199)
```
#99a8cf
```
#99a8cf rgb(153,168,207)
```
#aab7d7
```
#aab7d7 rgb(170,183,215)
```

Monochromatic Color

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

#769dbf
```
#769dbf rgb(118,157,191)
```
#7697bf
```
#7697bf rgb(118,151,191)
```
#7691bf
```
#7691bf rgb(118,145,191)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#7685bf
```
#7685bf rgb(118,133,191)
```
#767fbf
```
#767fbf rgb(118,127,191)
```
#7679bf
```
#7679bf rgb(118,121,191)
```

Similar Colors

Text with hexadecimal color #768bbf

This text has a font color of #768bbf.

<span style="color:#768bbf;">Text here</span>

#768bbf background color

This paragraph has a background color of #768bbf.

<p style="background-color:#768bbf;">Content here</p>

#768bbf border color

This element has a border color of #768bbf.

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

CSS codes

.text {color:#768bbf;}

.background {background-color:#768bbf;}

.border {border:1px solid #768bbf;}

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, #05060a is the darkest color, while #fcfcfd is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0f17
```
#0b0f17 rgb(11,15,23)
```
#111725
```
#111725 rgb(17,23,37)
```
#171f32
```
#171f32 rgb(23,31,50)
```
#1e2740
```
#1e2740 rgb(30,39,64)
```
#24304d
```
#24304d rgb(36,48,77)
```
#2a385a
```
#2a385a rgb(42,56,90)
```
#304068
```
#304068 rgb(48,64,104)
```
#374975
```
#374975 rgb(55,73,117)
```
#3d5182
```
#3d5182 rgb(61,81,130)
```
#435990
```
#435990 rgb(67,89,144)
```
#49619d
```
#49619d rgb(73,97,157)
```
#506aab
```
#506aab rgb(80,106,171)
```

Shade Color Variation

#5b74b3
```
#5b74b3 rgb(91,116,179)
```
#6980b9
```
#6980b9 rgb(105,128,185)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#8396c5
```
#8396c5 rgb(131,150,197)
```
#91a2cb
```
#91a2cb rgb(145,162,203)
```
#9eadd2
```
#9eadd2 rgb(158,173,210)
```
#abb8d8
```
#abb8d8 rgb(171,184,216)
```
#b9c4de
```
#b9c4de rgb(185,196,222)
```
#c6cfe4
```
#c6cfe4 rgb(198,207,228)
```
#d4daeb
```
#d4daeb rgb(212,218,235)
```
#e1e6f1
```
#e1e6f1 rgb(225,230,241)
```
#eef1f7
```
#eef1f7 rgb(238,241,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9598a0 is the less saturated color, while #3871fd is the most saturated one.

#9598a0
```
#9598a0 rgb(149,152,160)
```
#8d95a8
```
#8d95a8 rgb(141,149,168)
```
#8592b0
```
#8592b0 rgb(133,146,176)
```
#7e8eb7
```
#7e8eb7 rgb(126,142,183)
```
#768bbf
```
#768bbf rgb(118,139,191)
```
#6e88c7
```
#6e88c7 rgb(110,136,199)
```
#6784ce
```
#6784ce rgb(103,132,206)
```
#5f81d6
```
#5f81d6 rgb(95,129,214)
```
#577ede
```
#577ede rgb(87,126,222)
```
#4f7be6
```
#4f7be6 rgb(79,123,230)
```
#4877ed
```
#4877ed rgb(72,119,237)
```
#4074f5
```
#4074f5 rgb(64,116,245)
```
#3871fd
```
#3871fd rgb(56,113,253)
```

Tone Color Variation

Below, you can see how #768bbf 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
#878b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828fc1 Protanopia 1% of men
#8190c2 Deuteranopia 1% of men
#7397a2 Tritanopia 0.001% of the population

Trichromacy

#7d8ec0 Protanomaly 1% of men, 0.01% of women
#7d8ec1 Deuteranomaly 6% of men, 0.4% of women
#7492ac Tritanomaly 0.01% of the population

#768bbf hex color

#768bbf Color Information

#768bbf Color Conversion

Color Schemes with #768bbf

Alternatives to #768bbf

#768bbf Preview

Shades and Tints of #768bbf

Tones of #768bbf

Color Blindness Simulator