#7bbbea hex color

In a RGB color space, hex #7bbbea is composed of 48.2% red, 73.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 20.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 205.4 degrees, a saturation of 72.5% and a lightness of 70%. #7bbbea color hex could be obtained by blending #f6ffff with #0077d5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 73
- B 92
RGB color chart
- C 47
- M 20
- Y 0
- K 8
CMYK color chart

● #7bbbea color description : Soft blue.

The hexadecimal color #7bbbea has RGB values of R:123, G:187, B:234 and CMYK values of C:0.47, M:0.2, Y:0, K:0.08. Its decimal value is 8109034.

Hex triplet	7bbbea	`#7bbbea`
RGB Decimal	123, 187, 234	`rgb(123,187,234)`
RGB Percent	48.2, 73.3, 91.8	`rgb(48.2%,73.3%,91.8%)`
CMYK	47, 20, 0, 8
HSL	205.4°, 72.5, 70	`hsl(205.4,72.5%,70%)`
HSV (or HSB)	205.4°, 47.4, 91.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.344, -7.969, -29.757
XYZ	40.786, 45.69, 84.507
xyY	0.239, 0.267, 45.69
CIE-LCH	73.344, 30.806, 255.008
CIE-LUV	73.344, -29.85, -46.327
Hunter-Lab	67.594, -10.583, -26.809
Binary	01111011, 10111011, 11101010

#7bbbea
```
#7bbbea rgb(123,187,234)
```
#eaaa7b
```
#eaaa7b rgb(234,170,123)
```

Complementary Color

#7beae2
```
#7beae2 rgb(123,234,226)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#7b84ea
```
#7b84ea rgb(123,132,234)
```

Analogous Color

#eae27b
```
#eae27b rgb(234,226,123)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#ea7b84
```
#ea7b84 rgb(234,123,132)
```

Split Complementary Color

#bbea7b
```
#bbea7b rgb(187,234,123)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#ea7bbb
```
#ea7bbb rgb(234,123,187)
```

Triadic Color

#7beaaa
```
#7beaaa rgb(123,234,170)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#ea7bbb
```
#ea7bbb rgb(234,123,187)
```
#eaaa7b
```
#eaaa7b rgb(234,170,123)
```

Tetradic Color

#3999e0
```
#3999e0 rgb(57,153,224)
```
#4fa4e3
```
#4fa4e3 rgb(79,164,227)
```
#65b0e7
```
#65b0e7 rgb(101,176,231)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#91c6ee
```
#91c6ee rgb(145,198,238)
```
#a7d2f1
```
#a7d2f1 rgb(167,210,241)
```
#bdddf5
```
#bdddf5 rgb(189,221,245)
```

Monochromatic Color

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

#7bd7ea
```
#7bd7ea rgb(123,215,234)
```
#7bceea
```
#7bceea rgb(123,206,234)
```
#7bc4ea
```
#7bc4ea rgb(123,196,234)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#7bb2ea
```
#7bb2ea rgb(123,178,234)
```
#7ba9ea
```
#7ba9ea rgb(123,169,234)
```
#7b9fea
```
#7b9fea rgb(123,159,234)
```

Similar Colors

Text with hexadecimal color #7bbbea

This text has a font color of #7bbbea.

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

#7bbbea background color

This paragraph has a background color of #7bbbea.

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

#7bbbea border color

This element has a border color of #7bbbea.

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

CSS codes

.text {color:#7bbbea;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#030d14
```
#030d14 rgb(3,13,20)
```
#061825
```
#061825 rgb(6,24,37)
```
#092336
```
#092336 rgb(9,35,54)
```
#0b2e47
```
#0b2e47 rgb(11,46,71)
```
#0e3958
```
#0e3958 rgb(14,57,88)
```
#114469
```
#114469 rgb(17,68,105)
```
#134e7a
```
#134e7a rgb(19,78,122)
```
#16598b
```
#16598b rgb(22,89,139)
```
#19649c
```
#19649c rgb(25,100,156)
```
#1b6fad
```
#1b6fad rgb(27,111,173)
```
#1e7abe
```
#1e7abe rgb(30,122,190)
```
#2185ce
```
#2185ce rgb(33,133,206)
```

Shade Color Variation

#268fdd
```
#268fdd rgb(38,143,221)
```
#3798df
```
#3798df rgb(55,152,223)
```
#48a1e2
```
#48a1e2 rgb(72,161,226)
```
#59aae5
```
#59aae5 rgb(89,170,229)
```
#6ab2e7
```
#6ab2e7 rgb(106,178,231)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#8cc4ed
```
#8cc4ed rgb(140,196,237)
```
#9dccef
```
#9dccef rgb(157,204,239)
```
#aed5f2
```
#aed5f2 rgb(174,213,242)
```
#bfdef5
```
#bfdef5 rgb(191,222,245)
```
#d0e7f7
```
#d0e7f7 rgb(208,231,247)
```
#e1effa
```
#e1effa rgb(225,239,250)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

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

#b0b3b5
```
#b0b3b5 rgb(176,179,181)
```
#aab4bb
```
#aab4bb rgb(170,180,187)
```
#a4b5c1
```
#a4b5c1 rgb(164,181,193)
```
#9eb6c7
```
#9eb6c7 rgb(158,182,199)
```
#98b6cd
```
#98b6cd rgb(152,182,205)
```
#93b7d2
```
#93b7d2 rgb(147,183,210)
```
#8db8d8
```
#8db8d8 rgb(141,184,216)
```
#87b9de
```
#87b9de rgb(135,185,222)
```
#81bae4
```
#81bae4 rgb(129,186,228)
```
#7bbbea
```
#7bbbea rgb(123,187,234)
```
#75bcf0
```
#75bcf0 rgb(117,188,240)
```
#6fbdf6
```
#6fbdf6 rgb(111,189,246)
```
#69befc
```
#69befc rgb(105,190,252)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a3b0b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb6e5 Protanopia 1% of men
#a9b5ee Deuteranopia 1% of men
#77c3d1 Tritanopia 0.001% of the population

Trichromacy

#99b7e7 Protanomaly 1% of men, 0.01% of women
#98b7ec Deuteranomaly 6% of men, 0.4% of women
#78c0da Tritanomaly 0.01% of the population

#7bbbea hex color

#7bbbea Color Information

#7bbbea Color Conversion

Color Schemes with #7bbbea

Alternatives to #7bbbea

#7bbbea Preview

Shades and Tints of #7bbbea

Tones of #7bbbea

Color Blindness Simulator