#9bd2de hex color

In a RGB color space, hex #9bd2de is composed of 60.8% red, 82.4% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 5.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 190.7 degrees, a saturation of 50.4% and a lightness of 73.9%. #9bd2de color hex could be obtained by blending #ffffff with #37a5bd. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 61
- G 82
- B 87
RGB color chart
- C 30
- M 5
- Y 0
- K 13
CMYK color chart

● #9bd2de color description : Very soft cyan.

The hexadecimal color #9bd2de has RGB values of R:155, G:210, B:222 and CMYK values of C:0.3, M:0.05, Y:0, K:0.13. Its decimal value is 10212062.

Hex triplet	9bd2de	`#9bd2de`
RGB Decimal	155, 210, 222	`rgb(155,210,222)`
RGB Percent	60.8, 82.4, 87.1	`rgb(60.8%,82.4%,87.1%)`
CMYK	30, 5, 0, 13
HSL	190.7°, 50.4, 73.9	`hsl(190.7,50.4%,73.9%)`
HSV (or HSB)	190.7°, 30.2, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.924, -14.834, -11.646
XYZ	49.746, 58.334, 77.742
xyY	0.268, 0.314, 58.334
CIE-LCH	80.924, 18.859, 218.135
CIE-LUV	80.924, -27.355, -15.734
Hunter-Lab	76.377, -17.398, -6.886
Binary	10011011, 11010010, 11011110

#9bd2de
```
#9bd2de rgb(155,210,222)
```
#dea79b
```
#dea79b rgb(222,167,155)
```

Complementary Color

#9bdec9
```
#9bdec9 rgb(155,222,201)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#9bb1de
```
#9bb1de rgb(155,177,222)
```

Analogous Color

#dec99b
```
#dec99b rgb(222,201,155)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#de9bb1
```
#de9bb1 rgb(222,155,177)
```

Split Complementary Color

#d2de9b
```
#d2de9b rgb(210,222,155)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#de9bd2
```
#de9bd2 rgb(222,155,210)
```

Triadic Color

#9bdea7
```
#9bdea7 rgb(155,222,167)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#de9bd2
```
#de9bd2 rgb(222,155,210)
```
#dea79b
```
#dea79b rgb(222,167,155)
```

Tetradic Color

#61b8cb
```
#61b8cb rgb(97,184,203)
```
#75c1d1
```
#75c1d1 rgb(117,193,209)
```
#88c9d8
```
#88c9d8 rgb(136,201,216)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#aedbe4
```
#aedbe4 rgb(174,219,228)
```
#c1e3eb
```
#c1e3eb rgb(193,227,235)
```
#d5ecf1
```
#d5ecf1 rgb(213,236,241)
```

Monochromatic Color

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

#9bded9
```
#9bded9 rgb(155,222,217)
```
#9bddde
```
#9bddde rgb(155,221,222)
```
#9bd8de
```
#9bd8de rgb(155,216,222)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#9bccde
```
#9bccde rgb(155,204,222)
```
#9bc7de
```
#9bc7de rgb(155,199,222)
```
#9bc1de
```
#9bc1de rgb(155,193,222)
```

Similar Colors

Text with hexadecimal color #9bd2de

This text has a font color of #9bd2de.

<span style="color:#9bd2de;">Text here</span>

#9bd2de background color

This paragraph has a background color of #9bd2de.

<p style="background-color:#9bd2de;">Content here</p>

#9bd2de border color

This element has a border color of #9bd2de.

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

CSS codes

.text {color:#9bd2de;}

.background {background-color:#9bd2de;}

.border {border:1px solid #9bd2de;}

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

#010303
```
#010303 rgb(1,3,3)
```
#061012
```
#061012 rgb(6,16,18)
```
#0b1d21
```
#0b1d21 rgb(11,29,33)
```
#102a2f
```
#102a2f rgb(16,42,47)
```
#15373e
```
#15373e rgb(21,55,62)
```
#19444d
```
#19444d rgb(25,68,77)
```
#1e515c
```
#1e515c rgb(30,81,92)
```
#235e6a
```
#235e6a rgb(35,94,106)
```
#286b79
```
#286b79 rgb(40,107,121)
```
#2d7888
```
#2d7888 rgb(45,120,136)
```
#328597
```
#328597 rgb(50,133,151)
```
#3792a5
```
#3792a5 rgb(55,146,165)
```
#3b9fb4
```
#3b9fb4 rgb(59,159,180)
```

Shade Color Variation

#43aac1
```
#43aac1 rgb(67,170,193)
```
#51b1c6
```
#51b1c6 rgb(81,177,198)
```
#60b7cb
```
#60b7cb rgb(96,183,203)
```
#6fbecf
```
#6fbecf rgb(111,190,207)
```
#7ec5d4
```
#7ec5d4 rgb(126,197,212)
```
#8ccbd9
```
#8ccbd9 rgb(140,203,217)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#aad9e3
```
#aad9e3 rgb(170,217,227)
```
#b8dfe8
```
#b8dfe8 rgb(184,223,232)
```
#c7e6ed
```
#c7e6ed rgb(199,230,237)
```
#d6edf1
```
#d6edf1 rgb(214,237,241)
```
#e5f3f6
```
#e5f3f6 rgb(229,243,246)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#babebf
```
#babebf rgb(186,190,191)
```
#b5c2c4
```
#b5c2c4 rgb(181,194,196)
```
#afc5ca
```
#afc5ca rgb(175,197,202)
```
#aac8cf
```
#aac8cf rgb(170,200,207)
```
#a5cbd4
```
#a5cbd4 rgb(165,203,212)
```
#a0cfd9
```
#a0cfd9 rgb(160,207,217)
```
#9bd2de
```
#9bd2de rgb(155,210,222)
```
#96d5e3
```
#96d5e3 rgb(150,213,227)
```
#91d9e8
```
#91d9e8 rgb(145,217,232)
```
#8cdced
```
#8cdced rgb(140,220,237)
```
#87dff2
```
#87dff2 rgb(135,223,242)
```
#81e2f8
```
#81e2f8 rgb(129,226,248)
```
#7ce6fd
```
#7ce6fd rgb(124,230,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#bbc6c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacada Protanopia 1% of men
#d2c6e4 Deuteranopia 1% of men
#a1d3e3 Tritanopia 0.001% of the population

Trichromacy

#b9cddb Protanomaly 1% of men, 0.01% of women
#becae2 Deuteranomaly 6% of men, 0.4% of women
#9ed3e1 Tritanomaly 0.01% of the population

#9bd2de hex color

#9bd2de Color Information

#9bd2de Color Conversion

Color Schemes with #9bd2de

Alternatives to #9bd2de

#9bd2de Preview

Shades and Tints of #9bd2de

Tones of #9bd2de

Color Blindness Simulator