#7bd5da hex color

In a RGB color space, hex #7bd5da is composed of 48.2% red, 83.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 2.3% magenta, 0% yellow and 14.5% black. It has a hue angle of 183.2 degrees, a saturation of 56.2% and a lightness of 66.9%. #7bd5da color hex could be obtained by blending #f6ffff with #00abb5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 48
- G 84
- B 85
RGB color chart
- C 44
- M 2
- Y 0
- K 15
CMYK color chart

● #7bd5da color description : Very soft cyan.

The hexadecimal color #7bd5da has RGB values of R:123, G:213, B:218 and CMYK values of C:0.44, M:0.02, Y:0, K:0.15. Its decimal value is 8115674.

Hex triplet	7bd5da	`#7bd5da`
RGB Decimal	123, 213, 218	`rgb(123,213,218)`
RGB Percent	48.2, 83.5, 85.5	`rgb(48.2%,83.5%,85.5%)`
CMYK	44, 2, 0, 15
HSL	183.2°, 56.2, 66.9	`hsl(183.2,56.2%,66.9%)`
HSV (or HSB)	183.2°, 43.6, 85.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	80.1, -25.644, -10.9
XYZ	44.614, 56.859, 74.95
xyY	0.253, 0.322, 56.859
CIE-LCH	80.1, 27.864, 203.029
CIE-LUV	80.1, -40.441, -12.902
Hunter-Lab	75.405, -26.347, -6.149
Binary	01111011, 11010101, 11011010

#7bd5da
```
#7bd5da rgb(123,213,218)
```
#da807b
```
#da807b rgb(218,128,123)
```

Complementary Color

#7bdab0
```
#7bdab0 rgb(123,218,176)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#7ba6da
```
#7ba6da rgb(123,166,218)
```

Analogous Color

#dab07b
```
#dab07b rgb(218,176,123)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#da7ba6
```
#da7ba6 rgb(218,123,166)
```

Split Complementary Color

#d5da7b
```
#d5da7b rgb(213,218,123)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#da7bd5
```
#da7bd5 rgb(218,123,213)
```

Triadic Color

#7bda80
```
#7bda80 rgb(123,218,128)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#da7bd5
```
#da7bd5 rgb(218,123,213)
```
#da807b
```
#da807b rgb(218,128,123)
```

Tetradic Color

#3fc2c9
```
#3fc2c9 rgb(63,194,201)
```
#53c8cf
```
#53c8cf rgb(83,200,207)
```
#67cfd4
```
#67cfd4 rgb(103,207,212)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#8fdbe0
```
#8fdbe0 rgb(143,219,224)
```
#a3e2e5
```
#a3e2e5 rgb(163,226,229)
```
#b7e8eb
```
#b7e8eb rgb(183,232,235)
```

Monochromatic Color

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

#7bdac7
```
#7bdac7 rgb(123,218,199)
```
#7bdacf
```
#7bdacf rgb(123,218,207)
```
#7bdad7
```
#7bdad7 rgb(123,218,215)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#7bcdda
```
#7bcdda rgb(123,205,218)
```
#7bc5da
```
#7bc5da rgb(123,197,218)
```
#7bbdda
```
#7bbdda rgb(123,189,218)
```

Similar Colors

Text with hexadecimal color #7bd5da

This text has a font color of #7bd5da.

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

#7bd5da background color

This paragraph has a background color of #7bd5da.

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

#7bd5da border color

This element has a border color of #7bd5da.

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

CSS codes

.text {color:#7bd5da;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#061415
```
#061415 rgb(6,20,21)
```
#0a2325
```
#0a2325 rgb(10,35,37)
```
#0f3234
```
#0f3234 rgb(15,50,52)
```
#134143
```
#134143 rgb(19,65,67)
```
#174f52
```
#174f52 rgb(23,79,82)
```
#1b5e62
```
#1b5e62 rgb(27,94,98)
```
#206d71
```
#206d71 rgb(32,109,113)
```
#247c80
```
#247c80 rgb(36,124,128)
```
#288a90
```
#288a90 rgb(40,138,144)
```
#2d999f
```
#2d999f rgb(45,153,159)
```
#31a8ae
```
#31a8ae rgb(49,168,174)
```
#35b7be
```
#35b7be rgb(53,183,190)
```

Shade Color Variation

#3ec2c9
```
#3ec2c9 rgb(62,194,201)
```
#4dc6cd
```
#4dc6cd rgb(77,198,205)
```
#5ccbd1
```
#5ccbd1 rgb(92,203,209)
```
#6cd0d6
```
#6cd0d6 rgb(108,208,214)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#8adade
```
#8adade rgb(138,218,222)
```
#9adfe3
```
#9adfe3 rgb(154,223,227)
```
#a9e4e7
```
#a9e4e7 rgb(169,228,231)
```
#b8e8eb
```
#b8e8eb rgb(184,232,235)
```
#c8edef
```
#c8edef rgb(200,237,239)
```
#d7f2f4
```
#d7f2f4 rgb(215,242,244)
```
#e6f7f8
```
#e6f7f8 rgb(230,247,248)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

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

#a9acad
```
#a9acad rgb(169,172,173)
```
#a2b2b3
```
#a2b2b3 rgb(162,178,179)
```
#9cb8ba
```
#9cb8ba rgb(156,184,186)
```
#95bec0
```
#95bec0 rgb(149,190,192)
```
#8fc4c7
```
#8fc4c7 rgb(143,196,199)
```
#88c9cd
```
#88c9cd rgb(136,201,205)
```
#82cfd4
```
#82cfd4 rgb(130,207,212)
```
#7bd5da
```
#7bd5da rgb(123,213,218)
```
#75dbe1
```
#75dbe1 rgb(117,219,225)
```
#6ee1e7
```
#6ee1e7 rgb(110,225,231)
```
#68e6ee
```
#68e6ee rgb(104,230,238)
```
#61ecf4
```
#61ecf4 rgb(97,236,244)
```
#5af2fb
```
#5af2fb rgb(90,242,251)
```

Tone Color Variation

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

Dichromacy

#c9c8d3 Protanopia 1% of men
#cfc4e2 Deuteranopia 1% of men
#85d5e5 Tritanopia 0.001% of the population

Trichromacy

#adccd5 Protanomaly 1% of men, 0.01% of women
#b1cadf Deuteranomaly 6% of men, 0.4% of women
#81d5e1 Tritanomaly 0.01% of the population

#7bd5da hex color

#7bd5da Color Information

#7bd5da Color Conversion

Color Schemes with #7bd5da

Alternatives to #7bd5da

#7bd5da Preview

Shades and Tints of #7bd5da

Tones of #7bd5da

Color Blindness Simulator