#9bd1de hex color

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

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

● #9bd1de color description : Very soft cyan.

The hexadecimal color #9bd1de has RGB values of R:155, G:209, B:222 and CMYK values of C:0.3, M:0.06, Y:0, K:0.13. Its decimal value is 10211806.

Hex triplet	9bd1de	`#9bd1de`
RGB Decimal	155, 209, 222	`rgb(155,209,222)`
RGB Percent	60.8, 82, 87.1	`rgb(60.8%,82%,87.1%)`
CMYK	30, 6, 0, 13
HSL	191.6°, 50.4, 73.9	`hsl(191.6,50.4%,73.9%)`
HSV (or HSB)	191.6°, 30.2, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.651, -14.321, -12.054
XYZ	49.5, 57.842, 77.66
xyY	0.268, 0.313, 57.842
CIE-LCH	80.651, 18.719, 220.088
CIE-LUV	80.651, -26.927, -16.464
Hunter-Lab	76.054, -16.917, -7.304
Binary	10011011, 11010001, 11011110

#9bd1de
```
#9bd1de rgb(155,209,222)
```
#dea89b
```
#dea89b rgb(222,168,155)
```

Complementary Color

#9bdeca
```
#9bdeca rgb(155,222,202)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#9bb0de
```
#9bb0de rgb(155,176,222)
```

Analogous Color

#deca9b
```
#deca9b rgb(222,202,155)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#de9bb0
```
#de9bb0 rgb(222,155,176)
```

Split Complementary Color

#d1de9b
```
#d1de9b rgb(209,222,155)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#de9bd1
```
#de9bd1 rgb(222,155,209)
```

Triadic Color

#9bdea8
```
#9bdea8 rgb(155,222,168)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#de9bd1
```
#de9bd1 rgb(222,155,209)
```
#dea89b
```
#dea89b rgb(222,168,155)
```

Tetradic Color

#61b7cb
```
#61b7cb rgb(97,183,203)
```
#75bfd1
```
#75bfd1 rgb(117,191,209)
```
#88c8d8
```
#88c8d8 rgb(136,200,216)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#aedae4
```
#aedae4 rgb(174,218,228)
```
#c1e3eb
```
#c1e3eb rgb(193,227,235)
```
#d5ebf1
```
#d5ebf1 rgb(213,235,241)
```

Monochromatic Color

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

#9bdeda
```
#9bdeda rgb(155,222,218)
```
#9bdcde
```
#9bdcde rgb(155,220,222)
```
#9bd7de
```
#9bd7de rgb(155,215,222)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#9bcbde
```
#9bcbde rgb(155,203,222)
```
#9bc6de
```
#9bc6de rgb(155,198,222)
```
#9bc0de
```
#9bc0de rgb(155,192,222)
```

Similar Colors

Text with hexadecimal color #9bd1de

This text has a font color of #9bd1de.

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

#9bd1de background color

This paragraph has a background color of #9bd1de.

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

#9bd1de border color

This element has a border color of #9bd1de.

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

CSS codes

.text {color:#9bd1de;}

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

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

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)
```
#0b1c21
```
#0b1c21 rgb(11,28,33)
```
#10292f
```
#10292f rgb(16,41,47)
```
#15363e
```
#15363e rgb(21,54,62)
```
#19434d
```
#19434d rgb(25,67,77)
```
#1e505c
```
#1e505c rgb(30,80,92)
```
#235d6a
```
#235d6a rgb(35,93,106)
```
#286979
```
#286979 rgb(40,105,121)
```
#2d7688
```
#2d7688 rgb(45,118,136)
```
#328397
```
#328397 rgb(50,131,151)
```
#3790a5
```
#3790a5 rgb(55,144,165)
```
#3b9db4
```
#3b9db4 rgb(59,157,180)
```

Shade Color Variation

#43a8c1
```
#43a8c1 rgb(67,168,193)
```
#51afc6
```
#51afc6 rgb(81,175,198)
```
#60b6cb
```
#60b6cb rgb(96,182,203)
```
#6fbdcf
```
#6fbdcf rgb(111,189,207)
```
#7ec3d4
```
#7ec3d4 rgb(126,195,212)
```
#8ccad9
```
#8ccad9 rgb(140,202,217)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#aad8e3
```
#aad8e3 rgb(170,216,227)
```
#b8dfe8
```
#b8dfe8 rgb(184,223,232)
```
#c7e5ed
```
#c7e5ed rgb(199,229,237)
```
#d6ecf1
```
#d6ecf1 rgb(214,236,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 #7ce4fd is the most saturated one.

#babebf
```
#babebf rgb(186,190,191)
```
#b5c1c4
```
#b5c1c4 rgb(181,193,196)
```
#afc4ca
```
#afc4ca rgb(175,196,202)
```
#aac8cf
```
#aac8cf rgb(170,200,207)
```
#a5cbd4
```
#a5cbd4 rgb(165,203,212)
```
#a0ced9
```
#a0ced9 rgb(160,206,217)
```
#9bd1de
```
#9bd1de rgb(155,209,222)
```
#96d4e3
```
#96d4e3 rgb(150,212,227)
```
#91d7e8
```
#91d7e8 rgb(145,215,232)
```
#8cdaed
```
#8cdaed rgb(140,218,237)
```
#87def2
```
#87def2 rgb(135,222,242)
```
#81e1f8
```
#81e1f8 rgb(129,225,248)
```
#7ce4fd
```
#7ce4fd rgb(124,228,253)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bac5c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9c9da Protanopia 1% of men
#d1c6e4 Deuteranopia 1% of men
#a0d2e2 Tritanopia 0.001% of the population

Trichromacy

#b8ccdb Protanomaly 1% of men, 0.01% of women
#bdcae2 Deuteranomaly 6% of men, 0.4% of women
#9ed2e0 Tritanomaly 0.01% of the population

#9bd1de hex color

#9bd1de Color Information

#9bd1de Color Conversion

Color Schemes with #9bd1de

Alternatives to #9bd1de

#9bd1de Preview

Shades and Tints of #9bd1de

Tones of #9bd1de

Color Blindness Simulator