#9bf4f5 hex color

In a RGB color space, hex #9bf4f5 is composed of 60.8% red, 95.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 36.7% cyan, 0.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 180.7 degrees, a saturation of 81.8% and a lightness of 78.4%. #9bf4f5 color hex could be obtained by blending #ffffff with #37e9eb. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 61
- G 96
- B 96
RGB color chart
- C 37
- M 0
- Y 0
- K 4
CMYK color chart

● #9bf4f5 color description : Very soft cyan.

The hexadecimal color #9bf4f5 has RGB values of R:155, G:244, B:245 and CMYK values of C:0.37, M:0, Y:0, K:0.04. Its decimal value is 10220789.

Hex triplet	9bf4f5	`#9bf4f5`
RGB Decimal	155, 244, 245	`rgb(155,244,245)`
RGB Percent	60.8, 95.7, 96.1	`rgb(60.8%,95.7%,96.1%)`
CMYK	37, 0, 0, 4
HSL	180.7°, 81.8, 78.4	`hsl(180.7,81.8%,78.4%)`
HSV (or HSB)	180.7°, 36.7, 96.1
Web Safe	99ffff	`#99ffff`

CIE-LAB	90.898, -26.332, -8.927
XYZ	62.345, 78.259, 98.202
xyY	0.261, 0.328, 78.259
CIE-LCH	90.898, 27.804, 198.727
CIE-LUV	90.898, -41.282, -9.737
Hunter-Lab	88.464, -29.014, -3.891
Binary	10011011, 11110100, 11110101

#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#f59c9b
```
#f59c9b rgb(245,156,155)
```

Complementary Color

#9bf5c9
```
#9bf5c9 rgb(155,245,201)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#9bc7f5
```
#9bc7f5 rgb(155,199,245)
```

Analogous Color

#f5c99b
```
#f5c99b rgb(245,201,155)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#f59bc7
```
#f59bc7 rgb(245,155,199)
```

Split Complementary Color

#f4f59b
```
#f4f59b rgb(244,245,155)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#f59bf4
```
#f59bf4 rgb(245,155,244)
```

Triadic Color

#9bf59c
```
#9bf59c rgb(155,245,156)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#f59bf4
```
#f59bf4 rgb(245,155,244)
```
#f59c9b
```
#f59c9b rgb(245,156,155)
```

Tetradic Color

#55ecee
```
#55ecee rgb(85,236,238)
```
#6deff0
```
#6deff0 rgb(109,239,240)
```
#84f1f3
```
#84f1f3 rgb(132,241,243)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#b2f7f7
```
#b2f7f7 rgb(178,247,247)
```
#c9f9fa
```
#c9f9fa rgb(201,249,250)
```
#e1fcfc
```
#e1fcfc rgb(225,252,252)
```

Monochromatic Color

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

#9bf5e0
```
#9bf5e0 rgb(155,245,224)
```
#9bf5e7
```
#9bf5e7 rgb(155,245,231)
```
#9bf5ef
```
#9bf5ef rgb(155,245,239)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#9bedf5
```
#9bedf5 rgb(155,237,245)
```
#9be5f5
```
#9be5f5 rgb(155,229,245)
```
#9bdef5
```
#9bdef5 rgb(155,222,245)
```

Similar Colors

Text with hexadecimal color #9bf4f5

This text has a font color of #9bf4f5.

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

#9bf4f5 background color

This paragraph has a background color of #9bf4f5.

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

#9bf4f5 border color

This element has a border color of #9bf4f5.

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

CSS codes

.text {color:#9bf4f5;}

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

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

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

#010707
```
#010707 rgb(1,7,7)
```
#021919
```
#021919 rgb(2,25,25)
```
#042a2b
```
#042a2b rgb(4,42,43)
```
#063c3c
```
#063c3c rgb(6,60,60)
```
#084e4e
```
#084e4e rgb(8,78,78)
```
#0a5f60
```
#0a5f60 rgb(10,95,96)
```
#0b7172
```
#0b7172 rgb(11,113,114)
```
#0d8384
```
#0d8384 rgb(13,131,132)
```
#0f9496
```
#0f9496 rgb(15,148,150)
```
#11a6a7
```
#11a6a7 rgb(17,166,167)
```
#13b7b9
```
#13b7b9 rgb(19,183,185)
```
#14c9cb
```
#14c9cb rgb(20,201,203)
```
#16dbdd
```
#16dbdd rgb(22,219,221)
```

Shade Color Variation

#1ee6e9
```
#1ee6e9 rgb(30,230,233)
```
#30e8ea
```
#30e8ea rgb(48,232,234)
```
#42eaec
```
#42eaec rgb(66,234,236)
```
#54ecee
```
#54ecee rgb(84,236,238)
```
#66eef0
```
#66eef0 rgb(102,238,240)
```
#77f0f1
```
#77f0f1 rgb(119,240,241)
```
#89f2f3
```
#89f2f3 rgb(137,242,243)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#adf6f7
```
#adf6f7 rgb(173,246,247)
```
#bff8f9
```
#bff8f9 rgb(191,248,249)
```
#d0fafa
```
#d0fafa rgb(208,250,250)
```
#e2fcfc
```
#e2fcfc rgb(226,252,252)
```
#f4fefe
```
#f4fefe rgb(244,254,254)
```

Tint Color Variation

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

#c5cbcb
```
#c5cbcb rgb(197,203,203)
```
#c1cfcf
```
#c1cfcf rgb(193,207,207)
```
#bdd3d3
```
#bdd3d3 rgb(189,211,211)
```
#b9d7d7
```
#b9d7d7 rgb(185,215,215)
```
#b4dbdc
```
#b4dbdc rgb(180,219,220)
```
#b0dfe0
```
#b0dfe0 rgb(176,223,224)
```
#ace3e4
```
#ace3e4 rgb(172,227,228)
```
#a8e8e8
```
#a8e8e8 rgb(168,232,232)
```
#a3eced
```
#a3eced rgb(163,236,237)
```
#9ff0f1
```
#9ff0f1 rgb(159,240,241)
```
#9bf4f5
```
#9bf4f5 rgb(155,244,245)
```
#97f8f9
```
#97f8f9 rgb(151,248,249)
```
#93fcfd
```
#93fcfd rgb(147,252,253)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#cddfdf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8e5ec Protanopia 1% of men
#f0e0fc Deuteranopia 1% of men
#b2f0ff Tritanopia 0.001% of the population

Trichromacy

#cceaef Protanomaly 1% of men, 0.01% of women
#d1e7f9 Deuteranomaly 6% of men, 0.4% of women
#aaf1fb Tritanomaly 0.01% of the population

#9bf4f5 hex color

#9bf4f5 Color Information

#9bf4f5 Color Conversion

Color Schemes with #9bf4f5

Alternatives to #9bf4f5

#9bf4f5 Preview

Shades and Tints of #9bf4f5

Tones of #9bf4f5

Color Blindness Simulator