#7bd5e7 hex color

In a RGB color space, hex #7bd5e7 is composed of 48.2% red, 83.5% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 7.8% magenta, 0% yellow and 9.4% black. It has a hue angle of 190 degrees, a saturation of 69.2% and a lightness of 69.4%. #7bd5e7 color hex could be obtained by blending #f6ffff with #00abcf. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 48
- G 84
- B 91
RGB color chart
- C 47
- M 8
- Y 0
- K 9
CMYK color chart

● #7bd5e7 color description : Soft cyan.

The hexadecimal color #7bd5e7 has RGB values of R:123, G:213, B:231 and CMYK values of C:0.47, M:0.08, Y:0, K:0.09. Its decimal value is 8115687.

Hex triplet	7bd5e7	`#7bd5e7`
RGB Decimal	123, 213, 231	`rgb(123,213,231)`
RGB Percent	48.2, 83.5, 90.6	`rgb(48.2%,83.5%,90.6%)`
CMYK	47, 8, 0, 9
HSL	190°, 69.2, 69.4	`hsl(190,69.2%,69.4%)`
HSV (or HSB)	190°, 46.8, 90.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.497, -22.286, -17.248
XYZ	46.383, 57.566, 84.264
xyY	0.246, 0.306, 57.566
CIE-LCH	80.497, 28.181, 217.737
CIE-LUV	80.497, -40.044, -23.783
Hunter-Lab	75.872, -23.655, -12.737
Binary	01111011, 11010101, 11100111

#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#e78d7b
```
#e78d7b rgb(231,141,123)
```

Complementary Color

#7be7c3
```
#7be7c3 rgb(123,231,195)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#7b9fe7
```
#7b9fe7 rgb(123,159,231)
```

Analogous Color

#e7c37b
```
#e7c37b rgb(231,195,123)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#e77b9f
```
#e77b9f rgb(231,123,159)
```

Split Complementary Color

#d5e77b
```
#d5e77b rgb(213,231,123)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#e77bd5
```
#e77bd5 rgb(231,123,213)
```

Triadic Color

#7be78d
```
#7be78d rgb(123,231,141)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#e77bd5
```
#e77bd5 rgb(231,123,213)
```
#e78d7b
```
#e78d7b rgb(231,141,123)
```

Tetradic Color

#3ac0db
```
#3ac0db rgb(58,192,219)
```
#50c7df
```
#50c7df rgb(80,199,223)
```
#65cee3
```
#65cee3 rgb(101,206,227)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#91dceb
```
#91dceb rgb(145,220,235)
```
#a6e3ef
```
#a6e3ef rgb(166,227,239)
```
#bceaf3
```
#bceaf3 rgb(188,234,243)
```

Monochromatic Color

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

#7be7de
```
#7be7de rgb(123,231,222)
```
#7be7e7
```
#7be7e7 rgb(123,231,231)
```
#7bdee7
```
#7bdee7 rgb(123,222,231)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#7bcce7
```
#7bcce7 rgb(123,204,231)
```
#7bc3e7
```
#7bc3e7 rgb(123,195,231)
```
#7bbae7
```
#7bbae7 rgb(123,186,231)
```

Similar Colors

Text with hexadecimal color #7bd5e7

This text has a font color of #7bd5e7.

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

#7bd5e7 background color

This paragraph has a background color of #7bd5e7.

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

#7bd5e7 border color

This element has a border color of #7bd5e7.

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

CSS codes

.text {color:#7bd5e7;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030f11
```
#030f11 rgb(3,15,17)
```
#061d22
```
#061d22 rgb(6,29,34)
```
#092c33
```
#092c33 rgb(9,44,51)
```
#0c3a43
```
#0c3a43 rgb(12,58,67)
```
#0f4854
```
#0f4854 rgb(15,72,84)
```
#125764
```
#125764 rgb(18,87,100)
```
#156575
```
#156575 rgb(21,101,117)
```
#187386
```
#187386 rgb(24,115,134)
```
#1b8296
```
#1b8296 rgb(27,130,150)
```
#1e90a7
```
#1e90a7 rgb(30,144,167)
```
#219eb7
```
#219eb7 rgb(33,158,183)
```
#24adc8
```
#24adc8 rgb(36,173,200)
```

Shade Color Variation

#28bbd8
```
#28bbd8 rgb(40,187,216)
```
#39c0db
```
#39c0db rgb(57,192,219)
```
#49c5de
```
#49c5de rgb(73,197,222)
```
#5acae1
```
#5acae1 rgb(90,202,225)
```
#6ad0e4
```
#6ad0e4 rgb(106,208,228)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#8cdaea
```
#8cdaea rgb(140,218,234)
```
#9ce0ed
```
#9ce0ed rgb(156,224,237)
```
#ade5f0
```
#ade5f0 rgb(173,229,240)
```
#bdeaf3
```
#bdeaf3 rgb(189,234,243)
```
#ceeff6
```
#ceeff6 rgb(206,239,246)
```
#dff5f9
```
#dff5f9 rgb(223,245,249)
```
#effafc
```
#effafc rgb(239,250,252)
```

Tint Color Variation

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

#abb5b7
```
#abb5b7 rgb(171,181,183)
```
#a5b9bd
```
#a5b9bd rgb(165,185,189)
```
#9fbdc3
```
#9fbdc3 rgb(159,189,195)
```
#99c1c9
```
#99c1c9 rgb(153,193,201)
```
#93c5cf
```
#93c5cf rgb(147,197,207)
```
#8dc9d5
```
#8dc9d5 rgb(141,201,213)
```
#87cddb
```
#87cddb rgb(135,205,219)
```
#81d1e1
```
#81d1e1 rgb(129,209,225)
```
#7bd5e7
```
#7bd5e7 rgb(123,213,231)
```
#75d9ed
```
#75d9ed rgb(117,217,237)
```
#6fddf3
```
#6fddf3 rgb(111,221,243)
```
#69e1f9
```
#69e1f9 rgb(105,225,249)
```
#63e5ff
```
#63e5ff rgb(99,229,255)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#afc1c5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7c9e0 Protanopia 1% of men
#cac6ee Deuteranopia 1% of men
#81d7e7 Tritanopia 0.001% of the population

Trichromacy

#abcde2 Protanomaly 1% of men, 0.01% of women
#adcbeb Deuteranomaly 6% of men, 0.4% of women
#7fd6e7 Tritanomaly 0.01% of the population

#7bd5e7 hex color

#7bd5e7 Color Information

#7bd5e7 Color Conversion

Color Schemes with #7bd5e7

Alternatives to #7bd5e7

#7bd5e7 Preview

Shades and Tints of #7bd5e7

Tones of #7bd5e7

Color Blindness Simulator