#9bf2ff hex color

In a RGB color space, hex #9bf2ff is composed of 60.8% red, 94.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 5.1% magenta, 0% yellow and 0% black. It has a hue angle of 187.8 degrees, a saturation of 100% and a lightness of 80.4%. #9bf2ff color hex could be obtained by blending #ffffff with #37e5ff. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 61
- G 95
- B 100
RGB color chart
- C 39
- M 5
- Y 0
- K 0
CMYK color chart

● #9bf2ff color description : Pale cyan.

The hexadecimal color #9bf2ff has RGB values of R:155, G:242, B:255 and CMYK values of C:0.39, M:0.05, Y:0, K:0. Its decimal value is 10220287.

Hex triplet	9bf2ff	`#9bf2ff`
RGB Decimal	155, 242, 255	`rgb(155,242,255)`
RGB Percent	60.8, 94.9, 100	`rgb(60.8%,94.9%,100%)`
CMYK	39, 5, 0, 0
HSL	187.8°, 100, 80.4	`hsl(187.8,100%,80.4%)`
HSV (or HSB)	187.8°, 39.2, 100
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.638, -22.971, -14.523
XYZ	63.315, 77.689, 106.261
xyY	0.256, 0.314, 77.689
CIE-LCH	90.638, 27.177, 212.303
CIE-LUV	90.638, -40.27, -19.43
Hunter-Lab	88.142, -26.025, -9.779
Binary	10011011, 11110010, 11111111

#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#ffa89b
```
#ffa89b rgb(255,168,155)
```

Complementary Color

#9bffda
```
#9bffda rgb(155,255,218)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#9bc0ff
```
#9bc0ff rgb(155,192,255)
```

Analogous Color

#ffda9b
```
#ffda9b rgb(255,218,155)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#ff9bc0
```
#ff9bc0 rgb(255,155,192)
```

Split Complementary Color

#f2ff9b
```
#f2ff9b rgb(242,255,155)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#ff9bf2
```
#ff9bf2 rgb(255,155,242)
```

Triadic Color

#9bffa8
```
#9bffa8 rgb(155,255,168)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#ff9bf2
```
#ff9bf2 rgb(255,155,242)
```
#ffa89b
```
#ffa89b rgb(255,168,155)
```

Tetradic Color

#4fe8ff
```
#4fe8ff rgb(79,232,255)
```
#68ebff
```
#68ebff rgb(104,235,255)
```
#82efff
```
#82efff rgb(130,239,255)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#b5f5ff
```
#b5f5ff rgb(181,245,255)
```
#cef9ff
```
#cef9ff rgb(206,249,255)
```
#e8fcff
```
#e8fcff rgb(232,252,255)
```

Monochromatic Color

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

#9bfff3
```
#9bfff3 rgb(155,255,243)
```
#9bfffb
```
#9bfffb rgb(155,255,251)
```
#9bfaff
```
#9bfaff rgb(155,250,255)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#9beaff
```
#9beaff rgb(155,234,255)
```
#9be1ff
```
#9be1ff rgb(155,225,255)
```
#9bd9ff
```
#9bd9ff rgb(155,217,255)
```

Similar Colors

Text with hexadecimal color #9bf2ff

This text has a font color of #9bf2ff.

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

#9bf2ff background color

This paragraph has a background color of #9bf2ff.

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

#9bf2ff border color

This element has a border color of #9bf2ff.

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

CSS codes

.text {color:#9bf2ff;}

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

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

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, #000f12 is the darkest color, while #fdffff is the lightest one.

#000f12
```
#000f12 rgb(0,15,18)
```
#002025
```
#002025 rgb(0,32,37)
```
#003239
```
#003239 rgb(0,50,57)
```
#00434d
```
#00434d rgb(0,67,77)
```
#005460
```
#005460 rgb(0,84,96)
```
#006574
```
#006574 rgb(0,101,116)
```
#007687
```
#007687 rgb(0,118,135)
```
#00879b
```
#00879b rgb(0,135,155)
```
#0098af
```
#0098af rgb(0,152,175)
```
#00a9c2
```
#00a9c2 rgb(0,169,194)
```
#00bad6
```
#00bad6 rgb(0,186,214)
```
#00cbe9
```
#00cbe9 rgb(0,203,233)
```
#00dcfd
```
#00dcfd rgb(0,220,253)
```

Shade Color Variation

#12e0ff
```
#12e0ff rgb(18,224,255)
```
#25e3ff
```
#25e3ff rgb(37,227,255)
```
#39e5ff
```
#39e5ff rgb(57,229,255)
```
#4de8ff
```
#4de8ff rgb(77,232,255)
```
#60eaff
```
#60eaff rgb(96,234,255)
```
#74edff
```
#74edff rgb(116,237,255)
```
#87efff
```
#87efff rgb(135,239,255)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```
#aff5ff
```
#aff5ff rgb(175,245,255)
```
#c2f7ff
```
#c2f7ff rgb(194,247,255)
```
#d6faff
```
#d6faff rgb(214,250,255)
```
#e9fcff
```
#e9fcff rgb(233,252,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#c9d0d1
```
#c9d0d1 rgb(201,208,209)
```
#c5d3d5
```
#c5d3d5 rgb(197,211,213)
```
#c1d6d9
```
#c1d6d9 rgb(193,214,217)
```
#bed8dc
```
#bed8dc rgb(190,216,220)
```
#badbe0
```
#badbe0 rgb(186,219,224)
```
#b6dee4
```
#b6dee4 rgb(182,222,228)
```
#b2e1e8
```
#b2e1e8 rgb(178,225,232)
```
#aee4ec
```
#aee4ec rgb(174,228,236)
```
#aae7f0
```
#aae7f0 rgb(170,231,240)
```
#a7e9f3
```
#a7e9f3 rgb(167,233,243)
```
#a3ecf7
```
#a3ecf7 rgb(163,236,247)
```
#9feffb
```
#9feffb rgb(159,239,251)
```
#9bf2ff
```
#9bf2ff rgb(155,242,255)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#cddee1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e4f6 Protanopia 1% of men
#e9e1ff Deuteranopia 1% of men
#afefff Tritanopia 0.001% of the population

Trichromacy

#c9e9f9 Protanomaly 1% of men, 0.01% of women
#cde7ff Deuteranomaly 6% of men, 0.4% of women
#a7f0ff Tritanomaly 0.01% of the population

#9bf2ff hex color

#9bf2ff Color Information

#9bf2ff Color Conversion

Color Schemes with #9bf2ff

Alternatives to #9bf2ff

#9bf2ff Preview

Shades and Tints of #9bf2ff

Tones of #9bf2ff

Color Blindness Simulator