#9fd4bd hex color

In a RGB color space, hex #9fd4bd is composed of 62.4% red, 83.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 10.8% yellow and 16.9% black. It has a hue angle of 154 degrees, a saturation of 38.1% and a lightness of 72.7%. #9fd4bd color hex could be obtained by blending #ffffff with #3fa97b. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 62
- G 83
- B 74
RGB color chart
- C 25
- M 0
- Y 11
- K 17
CMYK color chart

● #9fd4bd color description : Slightly desaturated cyan - lime green.

The hexadecimal color #9fd4bd has RGB values of R:159, G:212, B:189 and CMYK values of C:0.25, M:0, Y:0.11, K:0.17. Its decimal value is 10474685.

Hex triplet	9fd4bd	`#9fd4bd`
RGB Decimal	159, 212, 189	`rgb(159,212,189)`
RGB Percent	62.4, 83.1, 74.1	`rgb(62.4%,83.1%,74.1%)`
CMYK	25, 0, 11, 17
HSL	154°, 38.1, 72.7	`hsl(154,38.1%,72.7%)`
HSV (or HSB)	154°, 25, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	80.811, -21.834, 5.837
XYZ	47.024, 58.13, 56.884
xyY	0.29, 0.359, 58.13
CIE-LCH	80.811, 22.6, 165.033
CIE-LUV	80.811, -26.489, 12.398
Hunter-Lab	76.243, -23.333, 9.135
Binary	10011111, 11010100, 10111101

#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#d49fb6
```
#d49fb6 rgb(212,159,182)
```

Complementary Color

#9fd4a3
```
#9fd4a3 rgb(159,212,163)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#9fd1d4
```
#9fd1d4 rgb(159,209,212)
```

Analogous Color

#d4a39f
```
#d4a39f rgb(212,163,159)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#d49fd1
```
#d49fd1 rgb(212,159,209)
```

Split Complementary Color

#d4bd9f
```
#d4bd9f rgb(212,189,159)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#bd9fd4
```
#bd9fd4 rgb(189,159,212)
```

Triadic Color

#b6d49f
```
#b6d49f rgb(182,212,159)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#bd9fd4
```
#bd9fd4 rgb(189,159,212)
```
#d49fb6
```
#d49fb6 rgb(212,159,182)
```

Tetradic Color

#6abc99
```
#6abc99 rgb(106,188,153)
```
#7cc4a5
```
#7cc4a5 rgb(124,196,165)
```
#8dccb1
```
#8dccb1 rgb(141,204,177)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#b1dcc9
```
#b1dcc9 rgb(177,220,201)
```
#c2e4d5
```
#c2e4d5 rgb(194,228,213)
```
#d4ece1
```
#d4ece1 rgb(212,236,225)
```

Monochromatic Color

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

#9fd4b0
```
#9fd4b0 rgb(159,212,176)
```
#9fd4b4
```
#9fd4b4 rgb(159,212,180)
```
#9fd4b9
```
#9fd4b9 rgb(159,212,185)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#9fd4c1
```
#9fd4c1 rgb(159,212,193)
```
#9fd4c6
```
#9fd4c6 rgb(159,212,198)
```
#9fd4ca
```
#9fd4ca rgb(159,212,202)
```

Similar Colors

Text with hexadecimal color #9fd4bd

This text has a font color of #9fd4bd.

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

#9fd4bd background color

This paragraph has a background color of #9fd4bd.

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

#9fd4bd border color

This element has a border color of #9fd4bd.

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

CSS codes

.text {color:#9fd4bd;}

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

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

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, #060c09 is the darkest color, while #fefefe is the lightest one.

#060c09
```
#060c09 rgb(6,12,9)
```
#0c1a14
```
#0c1a14 rgb(12,26,20)
```
#12271e
```
#12271e rgb(18,39,30)
```
#183528
```
#183528 rgb(24,53,40)
```
#1e4333
```
#1e4333 rgb(30,67,51)
```
#24503d
```
#24503d rgb(36,80,61)
```
#2a5e47
```
#2a5e47 rgb(42,94,71)
```
#306b52
```
#306b52 rgb(48,107,82)
```
#36795c
```
#36795c rgb(54,121,92)
```
#3c8666
```
#3c8666 rgb(60,134,102)
```
#429470
```
#429470 rgb(66,148,112)
```
#48a17b
```
#48a17b rgb(72,161,123)
```
#4eaf85
```
#4eaf85 rgb(78,175,133)
```

Shade Color Variation

#5bb68e
```
#5bb68e rgb(91,182,142)
```
#69bc98
```
#69bc98 rgb(105,188,152)
```
#76c2a1
```
#76c2a1 rgb(118,194,161)
```
#84c8aa
```
#84c8aa rgb(132,200,170)
```
#91ceb4
```
#91ceb4 rgb(145,206,180)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#addac6
```
#addac6 rgb(173,218,198)
```
#bae0d0
```
#bae0d0 rgb(186,224,208)
```
#c8e6d9
```
#c8e6d9 rgb(200,230,217)
```
#d5ece2
```
#d5ece2 rgb(213,236,226)
```
#e3f2ec
```
#e3f2ec rgb(227,242,236)
```
#f0f8f5
```
#f0f8f5 rgb(240,248,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#b4bfba
```
#b4bfba rgb(180,191,186)
```
#afc4bb
```
#afc4bb rgb(175,196,187)
```
#aac9bc
```
#aac9bc rgb(170,201,188)
```
#a4cfbc
```
#a4cfbc rgb(164,207,188)
```
#9fd4bd
```
#9fd4bd rgb(159,212,189)
```
#9ad9be
```
#9ad9be rgb(154,217,190)
```
#94dfbe
```
#94dfbe rgb(148,223,190)
```
#8fe4bf
```
#8fe4bf rgb(143,228,191)
```
#8ae9c0
```
#8ae9c0 rgb(138,233,192)
```
#84efc1
```
#84efc1 rgb(132,239,193)
```
#7ff4c1
```
#7ff4c1 rgb(127,244,193)
```
#7af9c2
```
#7af9c2 rgb(122,249,194)
```
#74ffc3
```
#74ffc3 rgb(116,255,195)
```

Tone Color Variation

Below, you can see how #9fd4bd 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
#bbc6c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2caba Protanopia 1% of men
#e0c5c6 Deuteranopia 1% of men
#abd1e0 Tritanopia 0.001% of the population

Trichromacy

#c0cebb Protanomaly 1% of men, 0.01% of women
#c8cac2 Deuteranomaly 6% of men, 0.4% of women
#a7d2d3 Tritanomaly 0.01% of the population

#9fd4bd hex color

#9fd4bd Color Information

#9fd4bd Color Conversion

Color Schemes with #9fd4bd

Alternatives to #9fd4bd

#9fd4bd Preview

Shades and Tints of #9fd4bd

Tones of #9fd4bd

Color Blindness Simulator