#7bbbdd hex color

In a RGB color space, hex #7bbbdd is composed of 48.2% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 200.8 degrees, a saturation of 59% and a lightness of 67.5%. #7bbbdd color hex could be obtained by blending #f6ffff with #0077bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 73
- B 87
RGB color chart
- C 44
- M 15
- Y 0
- K 13
CMYK color chart

● #7bbbdd color description : Very soft blue.

The hexadecimal color #7bbbdd has RGB values of R:123, G:187, B:221 and CMYK values of C:0.44, M:0.15, Y:0, K:0.13. Its decimal value is 8109021.

Hex triplet	7bbbdd	`#7bbbdd`
RGB Decimal	123, 187, 221	`rgb(123,187,221)`
RGB Percent	48.2, 73.3, 86.7	`rgb(48.2%,73.3%,86.7%)`
CMYK	44, 15, 0, 13
HSL	200.8°, 59, 67.5	`hsl(200.8,59%,67.5%)`
HSV (or HSB)	200.8°, 44.3, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.872, -11.566, -23.424
XYZ	38.987, 44.97, 75.028
xyY	0.245, 0.283, 44.97
CIE-LCH	72.872, 26.124, 243.721
CIE-LUV	72.872, -30.026, -35.184
Hunter-Lab	67.06, -13.579, -19.394
Binary	01111011, 10111011, 11011101

#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#dd9d7b
```
#dd9d7b rgb(221,157,123)
```

Complementary Color

#7bddce
```
#7bddce rgb(123,221,206)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#7b8add
```
#7b8add rgb(123,138,221)
```

Analogous Color

#ddce7b
```
#ddce7b rgb(221,206,123)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#dd7b8a
```
#dd7b8a rgb(221,123,138)
```

Split Complementary Color

#bbdd7b
```
#bbdd7b rgb(187,221,123)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#dd7bbb
```
#dd7bbb rgb(221,123,187)
```

Triadic Color

#7bdd9d
```
#7bdd9d rgb(123,221,157)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#dd7bbb
```
#dd7bbb rgb(221,123,187)
```
#dd9d7b
```
#dd9d7b rgb(221,157,123)
```

Tetradic Color

#3e9ccd
```
#3e9ccd rgb(62,156,205)
```
#52a6d3
```
#52a6d3 rgb(82,166,211)
```
#67b1d8
```
#67b1d8 rgb(103,177,216)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#8fc5e2
```
#8fc5e2 rgb(143,197,226)
```
#a4d0e7
```
#a4d0e7 rgb(164,208,231)
```
#b8daed
```
#b8daed rgb(184,218,237)
```

Monochromatic Color

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

#7bd4dd
```
#7bd4dd rgb(123,212,221)
```
#7bcbdd
```
#7bcbdd rgb(123,203,221)
```
#7bc3dd
```
#7bc3dd rgb(123,195,221)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#7bb3dd
```
#7bb3dd rgb(123,179,221)
```
#7babdd
```
#7babdd rgb(123,171,221)
```
#7ba3dd
```
#7ba3dd rgb(123,163,221)
```

Similar Colors

Text with hexadecimal color #7bbbdd

This text has a font color of #7bbbdd.

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

#7bbbdd background color

This paragraph has a background color of #7bbbdd.

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

#7bbbdd border color

This element has a border color of #7bbbdd.

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

CSS codes

.text {color:#7bbbdd;}

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

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

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

#020608
```
#020608 rgb(2,6,8)
```
#061218
```
#061218 rgb(6,18,24)
```
#0a1d28
```
#0a1d28 rgb(10,29,40)
```
#0e2937
```
#0e2937 rgb(14,41,55)
```
#123547
```
#123547 rgb(18,53,71)
```
#164056
```
#164056 rgb(22,64,86)
```
#1a4c66
```
#1a4c66 rgb(26,76,102)
```
#1e5776
```
#1e5776 rgb(30,87,118)
```
#226385
```
#226385 rgb(34,99,133)
```
#266e95
```
#266e95 rgb(38,110,149)
```
#2a7aa4
```
#2a7aa4 rgb(42,122,164)
```
#2e86b4
```
#2e86b4 rgb(46,134,180)
```
#3291c4
```
#3291c4 rgb(50,145,196)
```

Shade Color Variation

#3d9bcd
```
#3d9bcd rgb(61,155,205)
```
#4ca3d1
```
#4ca3d1 rgb(76,163,209)
```
#5cabd5
```
#5cabd5 rgb(92,171,213)
```
#6bb3d9
```
#6bb3d9 rgb(107,179,217)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#8bc3e1
```
#8bc3e1 rgb(139,195,225)
```
#9acbe5
```
#9acbe5 rgb(154,203,229)
```
#aad3e9
```
#aad3e9 rgb(170,211,233)
```
#b9dbed
```
#b9dbed rgb(185,219,237)
```
#c9e3f1
```
#c9e3f1 rgb(201,227,241)
```
#d9ebf5
```
#d9ebf5 rgb(217,235,245)
```
#e8f3f9
```
#e8f3f9 rgb(232,243,249)
```
#f8fbfd
```
#f8fbfd rgb(248,251,253)
```

Tint Color Variation

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

#a8adb0
```
#a8adb0 rgb(168,173,176)
```
#a1afb7
```
#a1afb7 rgb(161,175,183)
```
#9bb1bd
```
#9bb1bd rgb(155,177,189)
```
#95b3c3
```
#95b3c3 rgb(149,179,195)
```
#8eb5ca
```
#8eb5ca rgb(142,181,202)
```
#88b7d0
```
#88b7d0 rgb(136,183,208)
```
#81b9d7
```
#81b9d7 rgb(129,185,215)
```
#7bbbdd
```
#7bbbdd rgb(123,187,221)
```
#75bde3
```
#75bde3 rgb(117,189,227)
```
#6ebfea
```
#6ebfea rgb(110,191,234)
```
#68c1f0
```
#68c1f0 rgb(104,193,240)
```
#61c3f7
```
#61c3f7 rgb(97,195,247)
```
#5bc5fd
```
#5bc5fd rgb(91,197,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#a2afb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb5d8 Protanopia 1% of men
#afb3e2 Deuteranopia 1% of men
#7cc1cf Tritanopia 0.001% of the population

Trichromacy

#9bb7da Protanomaly 1% of men, 0.01% of women
#9cb6e0 Deuteranomaly 6% of men, 0.4% of women
#7bbfd4 Tritanomaly 0.01% of the population

#7bbbdd hex color

#7bbbdd Color Information

#7bbbdd Color Conversion

Color Schemes with #7bbbdd

Alternatives to #7bbbdd

#7bbbdd Preview

Shades and Tints of #7bbbdd

Tones of #7bbbdd

Color Blindness Simulator