#7bdddf hex color

In a RGB color space, hex #7bdddf is composed of 48.2% red, 86.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 0.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 181.2 degrees, a saturation of 61% and a lightness of 67.8%. #7bdddf color hex could be obtained by blending #f6ffff with #00bbbf. Closest websafe color is: #66cccc.

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

● #7bdddf color description : Very soft cyan.

The hexadecimal color #7bdddf has RGB values of R:123, G:221, B:223 and CMYK values of C:0.45, M:0.01, Y:0, K:0.13. Its decimal value is 8117727.

Hex triplet	7bdddf	`#7bdddf`
RGB Decimal	123, 221, 223	`rgb(123,221,223)`
RGB Percent	48.2, 86.7, 87.5	`rgb(48.2%,86.7%,87.5%)`
CMYK	45, 1, 0, 13
HSL	181.2°, 61, 67.8	`hsl(181.2,61%,67.8%)`
HSV (or HSB)	181.2°, 44.8, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.512, -28.282, -9.97
XYZ	47.34, 61.249, 79.135
xyY	0.252, 0.326, 61.249
CIE-LCH	82.512, 29.987, 199.418
CIE-LUV	82.512, -43.436, -11.047
Hunter-Lab	78.261, -28.983, -5.169
Binary	01111011, 11011101, 11011111

#7bdddf
```
#7bdddf rgb(123,221,223)
```
#df7d7b
```
#df7d7b rgb(223,125,123)
```

Complementary Color

#7bdfaf
```
#7bdfaf rgb(123,223,175)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#7babdf
```
#7babdf rgb(123,171,223)
```

Analogous Color

#dfaf7b
```
#dfaf7b rgb(223,175,123)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#df7bab
```
#df7bab rgb(223,123,171)
```

Split Complementary Color

#dddf7b
```
#dddf7b rgb(221,223,123)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#df7bdd
```
#df7bdd rgb(223,123,221)
```

Triadic Color

#7bdf7d
```
#7bdf7d rgb(123,223,125)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#df7bdd
```
#df7bdd rgb(223,123,221)
```
#df7d7b
```
#df7d7b rgb(223,125,123)
```

Tetradic Color

#3dcdd0
```
#3dcdd0 rgb(61,205,208)
```
#52d2d5
```
#52d2d5 rgb(82,210,213)
```
#66d8da
```
#66d8da rgb(102,216,218)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#90e2e4
```
#90e2e4 rgb(144,226,228)
```
#a4e8e9
```
#a4e8e9 rgb(164,232,233)
```
#b9edee
```
#b9edee rgb(185,237,238)
```

Monochromatic Color

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

#7bdfc8
```
#7bdfc8 rgb(123,223,200)
```
#7bdfd0
```
#7bdfd0 rgb(123,223,208)
```
#7bdfd9
```
#7bdfd9 rgb(123,223,217)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#7bd5df
```
#7bd5df rgb(123,213,223)
```
#7bccdf
```
#7bccdf rgb(123,204,223)
```
#7bc4df
```
#7bc4df rgb(123,196,223)
```

Similar Colors

Text with hexadecimal color #7bdddf

This text has a font color of #7bdddf.

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

#7bdddf background color

This paragraph has a background color of #7bdddf.

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

#7bdddf border color

This element has a border color of #7bdddf.

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

CSS codes

.text {color:#7bdddf;}

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

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

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, #020a0a is the darkest color, while #f9fefe is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#0a292a
```
#0a292a rgb(10,41,42)
```
#0e3939
```
#0e3939 rgb(14,57,57)
```
#124849
```
#124849 rgb(18,72,73)
```
#165859
```
#165859 rgb(22,88,89)
```
#196769
```
#196769 rgb(25,103,105)
```
#1d7779
```
#1d7779 rgb(29,119,121)
```
#218688
```
#218688 rgb(33,134,136)
```
#259698
```
#259698 rgb(37,150,152)
```
#29a5a8
```
#29a5a8 rgb(41,165,168)
```
#2db5b8
```
#2db5b8 rgb(45,181,184)
```
#30c5c8
```
#30c5c8 rgb(48,197,200)
```

Shade Color Variation

#3ccdd0
```
#3ccdd0 rgb(60,205,208)
```
#4cd1d4
```
#4cd1d4 rgb(76,209,212)
```
#5bd5d7
```
#5bd5d7 rgb(91,213,215)
```
#6bd9db
```
#6bd9db rgb(107,217,219)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#8be1e3
```
#8be1e3 rgb(139,225,227)
```
#9be5e7
```
#9be5e7 rgb(155,229,231)
```
#aae9ea
```
#aae9ea rgb(170,233,234)
```
#baedee
```
#baedee rgb(186,237,238)
```
#caf1f2
```
#caf1f2 rgb(202,241,242)
```
#daf5f6
```
#daf5f6 rgb(218,245,246)
```
#eaf9fa
```
#eaf9fa rgb(234,249,250)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#a7b3b3
```
#a7b3b3 rgb(167,179,179)
```
#a1b9b9
```
#a1b9b9 rgb(161,185,185)
```
#9bbfbf
```
#9bbfbf rgb(155,191,191)
```
#94c5c6
```
#94c5c6 rgb(148,197,198)
```
#8ecbcc
```
#8ecbcc rgb(142,203,204)
```
#88d1d2
```
#88d1d2 rgb(136,209,210)
```
#81d7d9
```
#81d7d9 rgb(129,215,217)
```
#7bdddf
```
#7bdddf rgb(123,221,223)
```
#75e3e5
```
#75e3e5 rgb(117,227,229)
```
#6ee9ec
```
#6ee9ec rgb(110,233,236)
```
#68eff2
```
#68eff2 rgb(104,239,242)
```
#62f5f8
```
#62f5f8 rgb(98,245,248)
```
#5bfbff
```
#5bfbff rgb(91,251,255)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#b2c6c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ced7 Protanopia 1% of men
#d7cae7 Deuteranopia 1% of men
#86dcec Tritanopia 0.001% of the population

Trichromacy

#b1d3da Protanomaly 1% of men, 0.01% of women
#b5d1e4 Deuteranomaly 6% of men, 0.4% of women
#82dce7 Tritanomaly 0.01% of the population

#7bdddf hex color

#7bdddf Color Information

#7bdddf Color Conversion

Color Schemes with #7bdddf

Alternatives to #7bdddf

#7bdddf Preview

Shades and Tints of #7bdddf

Tones of #7bdddf

Color Blindness Simulator