#9bafdc hex color

In a RGB color space, hex #9bafdc is composed of 60.8% red, 68.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 29.5% cyan, 20.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 221.5 degrees, a saturation of 48.1% and a lightness of 73.5%. #9bafdc color hex could be obtained by blending #ffffff with #375fb9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 61
- G 69
- B 86
RGB color chart
- C 30
- M 20
- Y 0
- K 14
CMYK color chart

● #9bafdc color description : Very soft blue.

The hexadecimal color #9bafdc has RGB values of R:155, G:175, B:220 and CMYK values of C:0.3, M:0.2, Y:0, K:0.14. Its decimal value is 10203100.

Hex triplet	9bafdc	`#9bafdc`
RGB Decimal	155, 175, 220	`rgb(155,175,220)`
RGB Percent	60.8, 68.6, 86.3	`rgb(60.8%,68.6%,86.3%)`
CMYK	30, 20, 0, 14
HSL	221.5°, 48.1, 73.5	`hsl(221.5,48.1%,73.5%)`
HSV (or HSB)	221.5°, 29.5, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	71.415, 3.33, -24.939
XYZ	41.763, 42.795, 73.766
xyY	0.264, 0.27, 42.795
CIE-LCH	71.415, 25.161, 277.605
CIE-LUV	71.415, -12.3, -39.684
Hunter-Lab	65.418, -0.525, -21.064
Binary	10011011, 10101111, 11011100

#9bafdc
```
#9bafdc rgb(155,175,220)
```
#dcc89b
```
#dcc89b rgb(220,200,155)
```

Complementary Color

#9bd0dc
```
#9bd0dc rgb(155,208,220)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#a89bdc
```
#a89bdc rgb(168,155,220)
```

Analogous Color

#d0dc9b
```
#d0dc9b rgb(208,220,155)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#dca89b
```
#dca89b rgb(220,168,155)
```

Split Complementary Color

#afdc9b
```
#afdc9b rgb(175,220,155)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#dc9baf
```
#dc9baf rgb(220,155,175)
```

Triadic Color

#9bdcc8
```
#9bdcc8 rgb(155,220,200)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#dc9baf
```
#dc9baf rgb(220,155,175)
```
#dcc89b
```
#dcc89b rgb(220,200,155)
```

Tetradic Color

#6282c8
```
#6282c8 rgb(98,130,200)
```
#7591cf
```
#7591cf rgb(117,145,207)
```
#88a0d5
```
#88a0d5 rgb(136,160,213)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#aebee3
```
#aebee3 rgb(174,190,227)
```
#c1cde9
```
#c1cde9 rgb(193,205,233)
```
#d4dcf0
```
#d4dcf0 rgb(212,220,240)
```

Monochromatic Color

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

#9bbfdc
```
#9bbfdc rgb(155,191,220)
```
#9bbadc
```
#9bbadc rgb(155,186,220)
```
#9bb4dc
```
#9bb4dc rgb(155,180,220)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#9baadc
```
#9baadc rgb(155,170,220)
```
#9ba4dc
```
#9ba4dc rgb(155,164,220)
```
#9b9fdc
```
#9b9fdc rgb(155,159,220)
```

Similar Colors

Text with hexadecimal color #9bafdc

This text has a font color of #9bafdc.

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

#9bafdc background color

This paragraph has a background color of #9bafdc.

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

#9bafdc border color

This element has a border color of #9bafdc.

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

CSS codes

.text {color:#9bafdc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060910
```
#060910 rgb(6,9,16)
```
#0b111f
```
#0b111f rgb(11,17,31)
```
#10192d
```
#10192d rgb(16,25,45)
```
#15213c
```
#15213c rgb(21,33,60)
```
#1a294a
```
#1a294a rgb(26,41,74)
```
#1f3159
```
#1f3159 rgb(31,49,89)
```
#243967
```
#243967 rgb(36,57,103)
```
#294176
```
#294176 rgb(41,65,118)
```
#2e4984
```
#2e4984 rgb(46,73,132)
```
#335193
```
#335193 rgb(51,81,147)
```
#3959a2
```
#3959a2 rgb(57,89,162)
```
#3e61b0
```
#3e61b0 rgb(62,97,176)
```

Shade Color Variation

#4469bd
```
#4469bd rgb(68,105,189)
```
#5275c3
```
#5275c3 rgb(82,117,195)
```
#6181c8
```
#6181c8 rgb(97,129,200)
```
#6f8ccd
```
#6f8ccd rgb(111,140,205)
```
#7e98d2
```
#7e98d2 rgb(126,152,210)
```
#8ca3d7
```
#8ca3d7 rgb(140,163,215)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#aabbe1
```
#aabbe1 rgb(170,187,225)
```
#b8c6e6
```
#b8c6e6 rgb(184,198,230)
```
#c7d2eb
```
#c7d2eb rgb(199,210,235)
```
#d5ddf0
```
#d5ddf0 rgb(213,221,240)
```
#e4e9f5
```
#e4e9f5 rgb(228,233,245)
```
#f2f5fb
```
#f2f5fb rgb(242,245,251)
```

Tint Color Variation

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

#babbbd
```
#babbbd rgb(186,187,189)
```
#b5b9c2
```
#b5b9c2 rgb(181,185,194)
```
#b0b7c7
```
#b0b7c7 rgb(176,183,199)
```
#abb5cc
```
#abb5cc rgb(171,181,204)
```
#a5b3d2
```
#a5b3d2 rgb(165,179,210)
```
#a0b1d7
```
#a0b1d7 rgb(160,177,215)
```
#9bafdc
```
#9bafdc rgb(155,175,220)
```
#96ade1
```
#96ade1 rgb(150,173,225)
```
#91abe6
```
#91abe6 rgb(145,171,230)
```
#8ba9ec
```
#8ba9ec rgb(139,169,236)
```
#86a7f1
```
#86a7f1 rgb(134,167,241)
```
#81a5f6
```
#81a5f6 rgb(129,165,246)
```
#7ca3fb
```
#7ca3fb rgb(124,163,251)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aaaeb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b1dc Protanopia 1% of men
#abb0de Deuteranopia 1% of men
#99b7c5 Tritanopia 0.001% of the population

Trichromacy

#a3b0dc Protanomaly 1% of men, 0.01% of women
#a5afdd Deuteranomaly 6% of men, 0.4% of women
#9ab4cd Tritanomaly 0.01% of the population

#9bafdc hex color

#9bafdc Color Information

#9bafdc Color Conversion

Color Schemes with #9bafdc

Alternatives to #9bafdc

#9bafdc Preview

Shades and Tints of #9bafdc

Tones of #9bafdc

Color Blindness Simulator