#7bbddb hex color

In a RGB color space, hex #7bbddb is composed of 48.2% red, 74.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 13.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 198.8 degrees, a saturation of 57.1% and a lightness of 67.1%. #7bbddb color hex could be obtained by blending #f6ffff with #007bb7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 74
- B 86
RGB color chart
- C 44
- M 14
- Y 0
- K 14
CMYK color chart

● #7bbddb color description : Very soft blue.

The hexadecimal color #7bbddb has RGB values of R:123, G:189, B:219 and CMYK values of C:0.44, M:0.14, Y:0, K:0.14. Its decimal value is 8109531.

Hex triplet	7bbddb	`#7bbddb`
RGB Decimal	123, 189, 219	`rgb(123,189,219)`
RGB Percent	48.2, 74.1, 85.9	`rgb(48.2%,74.1%,85.9%)`
CMYK	44, 14, 0, 14
HSL	198.8°, 57.1, 67.1	`hsl(198.8,57.1%,67.1%)`
HSV (or HSB)	198.8°, 43.8, 85.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.363, -13.165, -21.59
XYZ	39.149, 45.719, 73.776
xyY	0.247, 0.288, 45.719
CIE-LCH	73.363, 25.287, 238.626
CIE-LUV	73.363, -30.852, -31.948
Hunter-Lab	67.616, -14.977, -17.361
Binary	01111011, 10111101, 11011011

#7bbddb
```
#7bbddb rgb(123,189,219)
```
#db997b
```
#db997b rgb(219,153,123)
```

Complementary Color

#7bdbc9
```
#7bdbc9 rgb(123,219,201)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#7b8ddb
```
#7b8ddb rgb(123,141,219)
```

Analogous Color

#dbc97b
```
#dbc97b rgb(219,201,123)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#db7b8d
```
#db7b8d rgb(219,123,141)
```

Split Complementary Color

#bddb7b
```
#bddb7b rgb(189,219,123)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#db7bbd
```
#db7bbd rgb(219,123,189)
```

Triadic Color

#7bdb99
```
#7bdb99 rgb(123,219,153)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#db7bbd
```
#db7bbd rgb(219,123,189)
```
#db997b
```
#db997b rgb(219,153,123)
```

Tetradic Color

#3f9fcb
```
#3f9fcb rgb(63,159,203)
```
#53a9d0
```
#53a9d0 rgb(83,169,208)
```
#67b3d6
```
#67b3d6 rgb(103,179,214)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#8fc7e0
```
#8fc7e0 rgb(143,199,224)
```
#a3d1e6
```
#a3d1e6 rgb(163,209,230)
```
#b7dbeb
```
#b7dbeb rgb(183,219,235)
```

Monochromatic Color

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

#7bd5db
```
#7bd5db rgb(123,213,219)
```
#7bcddb
```
#7bcddb rgb(123,205,219)
```
#7bc5db
```
#7bc5db rgb(123,197,219)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#7bb5db
```
#7bb5db rgb(123,181,219)
```
#7baddb
```
#7baddb rgb(123,173,219)
```
#7ba5db
```
#7ba5db rgb(123,165,219)
```

Similar Colors

Text with hexadecimal color #7bbddb

This text has a font color of #7bbddb.

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

#7bbddb background color

This paragraph has a background color of #7bbddb.

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

#7bbddb border color

This element has a border color of #7bbddb.

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

CSS codes

.text {color:#7bbddb;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#061116
```
#061116 rgb(6,17,22)
```
#0a1d26
```
#0a1d26 rgb(10,29,38)
```
#0e2935
```
#0e2935 rgb(14,41,53)
```
#133544
```
#133544 rgb(19,53,68)
```
#174154
```
#174154 rgb(23,65,84)
```
#1b4d63
```
#1b4d63 rgb(27,77,99)
```
#1f5973
```
#1f5973 rgb(31,89,115)
```
#236482
```
#236482 rgb(35,100,130)
```
#287091
```
#287091 rgb(40,112,145)
```
#2c7ca1
```
#2c7ca1 rgb(44,124,161)
```
#3088b0
```
#3088b0 rgb(48,136,176)
```
#3494c0
```
#3494c0 rgb(52,148,192)
```

Shade Color Variation

#3d9eca
```
#3d9eca rgb(61,158,202)
```
#4da6ce
```
#4da6ce rgb(77,166,206)
```
#5caed3
```
#5caed3 rgb(92,174,211)
```
#6cb5d7
```
#6cb5d7 rgb(108,181,215)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#8ac5df
```
#8ac5df rgb(138,197,223)
```
#9acce3
```
#9acce3 rgb(154,204,227)
```
#a9d4e8
```
#a9d4e8 rgb(169,212,232)
```
#b9dcec
```
#b9dcec rgb(185,220,236)
```
#c8e4f0
```
#c8e4f0 rgb(200,228,240)
```
#d7ebf4
```
#d7ebf4 rgb(215,235,244)
```
#e7f3f8
```
#e7f3f8 rgb(231,243,248)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#a8acae
```
#a8acae rgb(168,172,174)
```
#a2aeb4
```
#a2aeb4 rgb(162,174,180)
```
#9bb1bb
```
#9bb1bb rgb(155,177,187)
```
#95b3c1
```
#95b3c1 rgb(149,179,193)
```
#8eb6c8
```
#8eb6c8 rgb(142,182,200)
```
#88b8ce
```
#88b8ce rgb(136,184,206)
```
#81bbd5
```
#81bbd5 rgb(129,187,213)
```
#7bbddb
```
#7bbddb rgb(123,189,219)
```
#75bfe1
```
#75bfe1 rgb(117,191,225)
```
#6ec2e8
```
#6ec2e8 rgb(110,194,232)
```
#68c4ee
```
#68c4ee rgb(104,196,238)
```
#61c7f5
```
#61c7f5 rgb(97,199,245)
```
#5bc9fb
```
#5bc9fb rgb(91,201,251)
```

Tone Color Variation

Below, you can see how #7bbddb 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
#a3b0b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d6 Protanopia 1% of men
#b2b4e1 Deuteranopia 1% of men
#7dc2d0 Tritanopia 0.001% of the population

Trichromacy

#9db8d8 Protanomaly 1% of men, 0.01% of women
#9eb7de Deuteranomaly 6% of men, 0.4% of women
#7cc0d4 Tritanomaly 0.01% of the population

#7bbddb hex color

#7bbddb Color Information

#7bbddb Color Conversion

Color Schemes with #7bbddb

Alternatives to #7bbddb

#7bbddb Preview

Shades and Tints of #7bbddb

Tones of #7bbddb

Color Blindness Simulator