#0f9684 hex color

In a RGB color space, hex #0f9684 is composed of 5.9% red, 58.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 90% cyan, 0% magenta, 12% yellow and 41.2% black. It has a hue angle of 172 degrees, a saturation of 81.8% and a lightness of 32.4%. #0f9684 color hex could be obtained by blending #1effff with #002d09. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 6
- G 59
- B 52
RGB color chart
- C 90
- M 0
- Y 12
- K 41
CMYK color chart

● #0f9684 color description : Dark cyan.

The hexadecimal color #0f9684 has RGB values of R:15, G:150, B:132 and CMYK values of C:0.9, M:0, Y:0.12, K:0.41. Its decimal value is 1021572.

Hex triplet	0f9684	`#0f9684`
RGB Decimal	15, 150, 132	`rgb(15,150,132)`
RGB Percent	5.9, 58.8, 51.8	`rgb(5.9%,58.8%,51.8%)`
CMYK	90, 0, 12, 41
HSL	172°, 81.8, 32.4	`hsl(172,81.8%,32.4%)`
HSV (or HSB)	172°, 90, 58.8
Web Safe	009999	`#009999`

CIE-LAB	55.663, -37.1, 0.158
XYZ	15.267, 23.579, 25.575
xyY	0.237, 0.366, 23.579
CIE-LCH	55.663, 37.101, 179.757
CIE-LUV	55.663, -44.009, 5.656
Hunter-Lab	48.558, -28.855, 2.763
Binary	00001111, 10010110, 10000100

#0f9684
```
#0f9684 rgb(15,150,132)
```
#960f21
```
#960f21 rgb(150,15,33)
```

Complementary Color

#0f9641
```
#0f9641 rgb(15,150,65)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#0f6596
```
#0f6596 rgb(15,101,150)
```

Analogous Color

#96410f
```
#96410f rgb(150,65,15)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#960f65
```
#960f65 rgb(150,15,101)
```

Split Complementary Color

#96840f
```
#96840f rgb(150,132,15)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#840f96
```
#840f96 rgb(132,15,150)
```

Triadic Color

#21960f
```
#21960f rgb(33,150,15)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#840f96
```
#840f96 rgb(132,15,150)
```
#960f21
```
#960f21 rgb(150,15,33)
```

Tetradic Color

#085047
```
#085047 rgb(8,80,71)
```
#0a685b
```
#0a685b rgb(10,104,91)
```
#0d7f70
```
#0d7f70 rgb(13,127,112)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#11ad98
```
#11ad98 rgb(17,173,152)
```
#14c4ad
```
#14c4ad rgb(20,196,173)
```
#16dcc1
```
#16dcc1 rgb(22,220,193)
```

Monochromatic Color

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

#0f9662
```
#0f9662 rgb(15,150,98)
```
#0f966e
```
#0f966e rgb(15,150,110)
```
#0f9679
```
#0f9679 rgb(15,150,121)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#0f968f
```
#0f968f rgb(15,150,143)
```
#0f9296
```
#0f9296 rgb(15,146,150)
```
#0f8696
```
#0f8696 rgb(15,134,150)
```

Similar Colors

Text with hexadecimal color #0f9684

This text has a font color of #0f9684.

<span style="color:#0f9684;">Text here</span>

#0f9684 background color

This paragraph has a background color of #0f9684.

<p style="background-color:#0f9684;">Content here</p>

#0f9684 border color

This element has a border color of #0f9684.

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

CSS codes

.text {color:#0f9684;}

.background {background-color:#0f9684;}

.border {border:1px solid #0f9684;}

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

#010706
```
#010706 rgb(1,7,6)
```
#031916
```
#031916 rgb(3,25,22)
```
#042b26
```
#042b26 rgb(4,43,38)
```
#063d36
```
#063d36 rgb(6,61,54)
```
#084f45
```
#084f45 rgb(8,79,69)
```
#0a6155
```
#0a6155 rgb(10,97,85)
```
#0b7265
```
#0b7265 rgb(11,114,101)
```
#0d8474
```
#0d8474 rgb(13,132,116)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#11a894
```
#11a894 rgb(17,168,148)
```
#13baa3
```
#13baa3 rgb(19,186,163)
```
#14cbb3
```
#14cbb3 rgb(20,203,179)
```
#16ddc3
```
#16ddc3 rgb(22,221,195)
```

Shade Color Variation

#1fe9ce
```
#1fe9ce rgb(31,233,206)
```
#30ead2
```
#30ead2 rgb(48,234,210)
```
#42ecd5
```
#42ecd5 rgb(66,236,213)
```
#54eed9
```
#54eed9 rgb(84,238,217)
```
#66f0dd
```
#66f0dd rgb(102,240,221)
```
#78f1e1
```
#78f1e1 rgb(120,241,225)
```
#8af3e5
```
#8af3e5 rgb(138,243,229)
```
#9bf5e9
```
#9bf5e9 rgb(155,245,233)
```
#adf7ed
```
#adf7ed rgb(173,247,237)
```
#bff9f1
```
#bff9f1 rgb(191,249,241)
```
#d1faf5
```
#d1faf5 rgb(209,250,245)
```
#e3fcf9
```
#e3fcf9 rgb(227,252,249)
```
#f5fefd
```
#f5fefd rgb(245,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4e5755 is the less saturated color, while #02a38d is the most saturated one.

#4e5755
```
#4e5755 rgb(78,87,85)
```
#485d5a
```
#485d5a rgb(72,93,90)
```
#42635f
```
#42635f rgb(66,99,95)
```
#3b6a63
```
#3b6a63 rgb(59,106,99)
```
#357068
```
#357068 rgb(53,112,104)
```
#2f766d
```
#2f766d rgb(47,118,109)
```
#287d71
```
#287d71 rgb(40,125,113)
```
#228376
```
#228376 rgb(34,131,118)
```
#1c897b
```
#1c897b rgb(28,137,123)
```
#15907f
```
#15907f rgb(21,144,127)
```
#0f9684
```
#0f9684 rgb(15,150,132)
```
#099c89
```
#099c89 rgb(9,156,137)
```
#02a38d
```
#02a38d rgb(2,163,141)
```

Tone Color Variation

Below, you can see how #0f9684 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

#6c6c6c Achromatopsia 0.005% of the population
#597471 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908b82 Protanopia 1% of men
#958791 Deuteranopia 1% of men
#3697a2 Tritanopia 0.001% of the population

Trichromacy

#618f82 Protanomaly 1% of men, 0.01% of women
#648c8c Deuteranomaly 6% of men, 0.4% of women
#279797 Tritanomaly 0.01% of the population

#0f9684 hex color

#0f9684 Color Information

#0f9684 Color Conversion

Color Schemes with #0f9684

Alternatives to #0f9684

#0f9684 Preview

Shades and Tints of #0f9684

Tones of #0f9684

Color Blindness Simulator