#7bd0de hex color

In a RGB color space, hex #7bd0de is composed of 48.2% red, 81.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 44.6% cyan, 6.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 188.5 degrees, a saturation of 60% and a lightness of 67.6%. #7bd0de color hex could be obtained by blending #f6ffff with #00a1bd. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 82
- B 87
RGB color chart
- C 45
- M 6
- Y 0
- K 13
CMYK color chart

● #7bd0de color description : Very soft cyan.

The hexadecimal color #7bd0de has RGB values of R:123, G:208, B:222 and CMYK values of C:0.45, M:0.06, Y:0, K:0.13. Its decimal value is 8114398.

Hex triplet	7bd0de	`#7bd0de`
RGB Decimal	123, 208, 222	`rgb(123,208,222)`
RGB Percent	48.2, 81.6, 87.1	`rgb(48.2%,81.6%,87.1%)`
CMYK	45, 6, 0, 13
HSL	188.5°, 60, 67.6	`hsl(188.5,60%,67.6%)`
HSV (or HSB)	188.5°, 44.6, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.807, -22.137, -14.978
XYZ	43.906, 54.594, 77.327
xyY	0.25, 0.31, 54.594
CIE-LCH	78.807, 26.728, 214.082
CIE-LUV	78.807, -38.341, -20.014
Hunter-Lab	73.888, -23.235, -10.329
Binary	01111011, 11010000, 11011110

#7bd0de
```
#7bd0de rgb(123,208,222)
```
#de897b
```
#de897b rgb(222,137,123)
```

Complementary Color

#7bdebb
```
#7bdebb rgb(123,222,187)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#7b9fde
```
#7b9fde rgb(123,159,222)
```

Analogous Color

#debb7b
```
#debb7b rgb(222,187,123)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#de7b9f
```
#de7b9f rgb(222,123,159)
```

Split Complementary Color

#d0de7b
```
#d0de7b rgb(208,222,123)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#de7bd0
```
#de7bd0 rgb(222,123,208)
```

Triadic Color

#7bde89
```
#7bde89 rgb(123,222,137)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#de7bd0
```
#de7bd0 rgb(222,123,208)
```
#de897b
```
#de897b rgb(222,137,123)
```

Tetradic Color

#3ebacf
```
#3ebacf rgb(62,186,207)
```
#52c1d4
```
#52c1d4 rgb(82,193,212)
```
#67c9d9
```
#67c9d9 rgb(103,201,217)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#8fd7e3
```
#8fd7e3 rgb(143,215,227)
```
#a4dfe8
```
#a4dfe8 rgb(164,223,232)
```
#b8e6ed
```
#b8e6ed rgb(184,230,237)
```

Monochromatic Color

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

#7bded3
```
#7bded3 rgb(123,222,211)
```
#7bdedc
```
#7bdedc rgb(123,222,220)
```
#7bd8de
```
#7bd8de rgb(123,216,222)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#7bc8de
```
#7bc8de rgb(123,200,222)
```
#7bc0de
```
#7bc0de rgb(123,192,222)
```
#7bb7de
```
#7bb7de rgb(123,183,222)
```

Similar Colors

Text with hexadecimal color #7bd0de

This text has a font color of #7bd0de.

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

#7bd0de background color

This paragraph has a background color of #7bd0de.

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

#7bd0de border color

This element has a border color of #7bd0de.

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

CSS codes

.text {color:#7bd0de;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#061619
```
#061619 rgb(6,22,25)
```
#0a2429
```
#0a2429 rgb(10,36,41)
```
#0e3238
```
#0e3238 rgb(14,50,56)
```
#124048
```
#124048 rgb(18,64,72)
```
#164e58
```
#164e58 rgb(22,78,88)
```
#1a5c67
```
#1a5c67 rgb(26,92,103)
```
#1e6a77
```
#1e6a77 rgb(30,106,119)
```
#227887
```
#227887 rgb(34,120,135)
```
#268796
```
#268796 rgb(38,135,150)
```
#2a95a6
```
#2a95a6 rgb(42,149,166)
```
#2da3b6
```
#2da3b6 rgb(45,163,182)
```
#31b1c6
```
#31b1c6 rgb(49,177,198)
```

Shade Color Variation

#3cbace
```
#3cbace rgb(60,186,206)
```
#4cbfd2
```
#4cbfd2 rgb(76,191,210)
```
#5cc5d6
```
#5cc5d6 rgb(92,197,214)
```
#6bcada
```
#6bcada rgb(107,202,218)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#8bd6e2
```
#8bd6e2 rgb(139,214,226)
```
#9adbe6
```
#9adbe6 rgb(154,219,230)
```
#aae1ea
```
#aae1ea rgb(170,225,234)
```
#bae6ee
```
#bae6ee rgb(186,230,238)
```
#c9ecf2
```
#c9ecf2 rgb(201,236,242)
```
#d9f2f6
```
#d9f2f6 rgb(217,242,246)
```
#e9f7f9
```
#e9f7f9 rgb(233,247,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#a7b0b2
```
#a7b0b2 rgb(167,176,178)
```
#a1b5b8
```
#a1b5b8 rgb(161,181,184)
```
#9bb9be
```
#9bb9be rgb(155,185,190)
```
#94bec5
```
#94bec5 rgb(148,190,197)
```
#8ec2cb
```
#8ec2cb rgb(142,194,203)
```
#88c7d1
```
#88c7d1 rgb(136,199,209)
```
#81cbd8
```
#81cbd8 rgb(129,203,216)
```
#7bd0de
```
#7bd0de rgb(123,208,222)
```
#75d5e4
```
#75d5e4 rgb(117,213,228)
```
#6ed9eb
```
#6ed9eb rgb(110,217,235)
```
#68def1
```
#68def1 rgb(104,222,241)
```
#62e2f7
```
#62e2f7 rgb(98,226,247)
```
#5be7fe
```
#5be7fe rgb(91,231,254)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#acbdc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c4d7 Protanopia 1% of men
#c8c1e5 Deuteranopia 1% of men
#82d2e1 Tritanopia 0.001% of the population

Trichromacy

#a9c8da Protanomaly 1% of men, 0.01% of women
#acc6e2 Deuteranomaly 6% of men, 0.4% of women
#7fd1e0 Tritanomaly 0.01% of the population

#7bd0de hex color

#7bd0de Color Information

#7bd0de Color Conversion

Color Schemes with #7bd0de

Alternatives to #7bd0de

#7bd0de Preview

Shades and Tints of #7bd0de

Tones of #7bd0de

Color Blindness Simulator