#7bd5dd hex color

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

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

● #7bd5dd color description : Very soft cyan.

The hexadecimal color #7bd5dd has RGB values of R:123, G:213, B:221 and CMYK values of C:0.44, M:0.04, Y:0, K:0.13. Its decimal value is 8115677.

Hex triplet	7bd5dd	`#7bd5dd`
RGB Decimal	123, 213, 221	`rgb(123,213,221)`
RGB Percent	48.2, 83.5, 86.7	`rgb(48.2%,83.5%,86.7%)`
CMYK	44, 4, 0, 13
HSL	184.9°, 59, 67.5	`hsl(184.9,59%,67.5%)`
HSV (or HSB)	184.9°, 44.3, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.189, -24.881, -12.37
XYZ	45.01, 57.017, 77.036
xyY	0.251, 0.318, 57.017
CIE-LCH	80.189, 27.787, 206.435
CIE-LUV	80.189, -40.349, -15.397
Hunter-Lab	75.51, -25.741, -7.632
Binary	01111011, 11010101, 11011101

#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#dd837b
```
#dd837b rgb(221,131,123)
```

Complementary Color

#7bddb4
```
#7bddb4 rgb(123,221,180)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#7ba4dd
```
#7ba4dd rgb(123,164,221)
```

Analogous Color

#ddb47b
```
#ddb47b rgb(221,180,123)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#dd7ba4
```
#dd7ba4 rgb(221,123,164)
```

Split Complementary Color

#d5dd7b
```
#d5dd7b rgb(213,221,123)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#dd7bd5
```
#dd7bd5 rgb(221,123,213)
```

Triadic Color

#7bdd83
```
#7bdd83 rgb(123,221,131)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#dd7bd5
```
#dd7bd5 rgb(221,123,213)
```
#dd837b
```
#dd837b rgb(221,131,123)
```

Tetradic Color

#3ec2cd
```
#3ec2cd rgb(62,194,205)
```
#52c8d3
```
#52c8d3 rgb(82,200,211)
```
#67cfd8
```
#67cfd8 rgb(103,207,216)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#8fdbe2
```
#8fdbe2 rgb(143,219,226)
```
#a4e2e7
```
#a4e2e7 rgb(164,226,231)
```
#b8e8ed
```
#b8e8ed rgb(184,232,237)
```

Monochromatic Color

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

#7bddcd
```
#7bddcd rgb(123,221,205)
```
#7bddd5
```
#7bddd5 rgb(123,221,213)
```
#7bdddd
```
#7bdddd rgb(123,221,221)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#7bcddd
```
#7bcddd rgb(123,205,221)
```
#7bc5dd
```
#7bc5dd rgb(123,197,221)
```
#7bbddd
```
#7bbddd rgb(123,189,221)
```

Similar Colors

Text with hexadecimal color #7bd5dd

This text has a font color of #7bd5dd.

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

#7bd5dd background color

This paragraph has a background color of #7bd5dd.

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

#7bd5dd border color

This element has a border color of #7bd5dd.

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

CSS codes

.text {color:#7bd5dd;}

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

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

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

#020808
```
#020808 rgb(2,8,8)
```
#061718
```
#061718 rgb(6,23,24)
```
#0a2528
```
#0a2528 rgb(10,37,40)
```
#0e3437
```
#0e3437 rgb(14,52,55)
```
#124247
```
#124247 rgb(18,66,71)
```
#165156
```
#165156 rgb(22,81,86)
```
#1a6066
```
#1a6066 rgb(26,96,102)
```
#1e6e76
```
#1e6e76 rgb(30,110,118)
```
#227d85
```
#227d85 rgb(34,125,133)
```
#268c95
```
#268c95 rgb(38,140,149)
```
#2a9aa4
```
#2a9aa4 rgb(42,154,164)
```
#2ea9b4
```
#2ea9b4 rgb(46,169,180)
```
#32b8c4
```
#32b8c4 rgb(50,184,196)
```

Shade Color Variation

#3dc1cd
```
#3dc1cd rgb(61,193,205)
```
#4cc6d1
```
#4cc6d1 rgb(76,198,209)
```
#5ccbd5
```
#5ccbd5 rgb(92,203,213)
```
#6bd0d9
```
#6bd0d9 rgb(107,208,217)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#8bdae1
```
#8bdae1 rgb(139,218,225)
```
#9adfe5
```
#9adfe5 rgb(154,223,229)
```
#aae4e9
```
#aae4e9 rgb(170,228,233)
```
#b9e9ed
```
#b9e9ed rgb(185,233,237)
```
#c9eef1
```
#c9eef1 rgb(201,238,241)
```
#d9f3f5
```
#d9f3f5 rgb(217,243,245)
```
#e8f8f9
```
#e8f8f9 rgb(232,248,249)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

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

#a8b0b0
```
#a8b0b0 rgb(168,176,176)
```
#a1b5b7
```
#a1b5b7 rgb(161,181,183)
```
#9bbabd
```
#9bbabd rgb(155,186,189)
```
#95c0c3
```
#95c0c3 rgb(149,192,195)
```
#8ec5ca
```
#8ec5ca rgb(142,197,202)
```
#88cad0
```
#88cad0 rgb(136,202,208)
```
#81d0d7
```
#81d0d7 rgb(129,208,215)
```
#7bd5dd
```
#7bd5dd rgb(123,213,221)
```
#75dae3
```
#75dae3 rgb(117,218,227)
```
#6ee0ea
```
#6ee0ea rgb(110,224,234)
```
#68e5f0
```
#68e5f0 rgb(104,229,240)
```
#61eaf7
```
#61eaf7 rgb(97,234,247)
```
#5bf0fd
```
#5bf0fd rgb(91,240,253)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#aec0c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c8d6 Protanopia 1% of men
#cec5e5 Deuteranopia 1% of men
#84d6e5 Tritanopia 0.001% of the population

Trichromacy

#accdd8 Protanomaly 1% of men, 0.01% of women
#b0cae2 Deuteranomaly 6% of men, 0.4% of women
#81d5e2 Tritanomaly 0.01% of the population

#7bd5dd hex color

#7bd5dd Color Information

#7bd5dd Color Conversion

Color Schemes with #7bd5dd

Alternatives to #7bd5dd

#7bd5dd Preview

Shades and Tints of #7bd5dd

Tones of #7bd5dd

Color Blindness Simulator