#10bc96 hex color

In a RGB color space, hex #10bc96 is composed of 6.3% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 91.5% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 166.7 degrees, a saturation of 84.3% and a lightness of 40%. #10bc96 color hex could be obtained by blending #20ffff with #00792d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 6
- G 74
- B 59
RGB color chart
- C 91
- M 0
- Y 20
- K 26
CMYK color chart

● #10bc96 color description : Strong cyan.

The hexadecimal color #10bc96 has RGB values of R:16, G:188, B:150 and CMYK values of C:0.91, M:0, Y:0.2, K:0.26. Its decimal value is 1096854.

Hex triplet	10bc96	`#10bc96`
RGB Decimal	16, 188, 150	`rgb(16,188,150)`
RGB Percent	6.3, 73.7, 58.8	`rgb(6.3%,73.7%,58.8%)`
CMYK	91, 0, 20, 26
HSL	166.7°, 84.3, 40	`hsl(166.7,84.3%,40%)`
HSV (or HSB)	166.7°, 91.5, 73.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.224, -48.327, 8.221
XYZ	23.7, 38.276, 34.991
xyY	0.244, 0.395, 38.276
CIE-LCH	68.224, 49.021, 170.346
CIE-LUV	68.224, -55.835, 19.347
Hunter-Lab	61.868, -39.89, 9.774
Binary	00010000, 10111100, 10010110

#10bc96
```
#10bc96 rgb(16,188,150)
```
#bc1036
```
#bc1036 rgb(188,16,54)
```

Complementary Color

#10bc40
```
#10bc40 rgb(16,188,64)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#108cbc
```
#108cbc rgb(16,140,188)
```

Analogous Color

#bc4010
```
#bc4010 rgb(188,64,16)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#bc108c
```
#bc108c rgb(188,16,140)
```

Split Complementary Color

#bc9610
```
#bc9610 rgb(188,150,16)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#9610bc
```
#9610bc rgb(150,16,188)
```

Triadic Color

#36bc10
```
#36bc10 rgb(54,188,16)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#9610bc
```
#9610bc rgb(150,16,188)
```
#bc1036
```
#bc1036 rgb(188,16,54)
```

Tetradic Color

#0a765e
```
#0a765e rgb(10,118,94)
```
#0c8d71
```
#0c8d71 rgb(12,141,113)
```
#0ea583
```
#0ea583 rgb(14,165,131)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#12d4a9
```
#12d4a9 rgb(18,212,169)
```
#14ebbc
```
#14ebbc rgb(20,235,188)
```
#2cedc2
```
#2cedc2 rgb(44,237,194)
```

Monochromatic Color

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

#10bc6b
```
#10bc6b rgb(16,188,107)
```
#10bc79
```
#10bc79 rgb(16,188,121)
```
#10bc88
```
#10bc88 rgb(16,188,136)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#10bca4
```
#10bca4 rgb(16,188,164)
```
#10bcb3
```
#10bcb3 rgb(16,188,179)
```
#10b7bc
```
#10b7bc rgb(16,183,188)
```

Similar Colors

Text with hexadecimal color #10bc96

This text has a font color of #10bc96.

<span style="color:#10bc96;">Text here</span>

#10bc96 background color

This paragraph has a background color of #10bc96.

<p style="background-color:#10bc96;">Content here</p>

#10bc96 border color

This element has a border color of #10bc96.

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

CSS codes

.text {color:#10bc96;}

.background {background-color:#10bc96;}

.border {border:1px solid #10bc96;}

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 #f4fefc is the lightest one.

#010706
```
#010706 rgb(1,7,6)
```
#021914
```
#021914 rgb(2,25,20)
```
#042b23
```
#042b23 rgb(4,43,35)
```
#053d31
```
#053d31 rgb(5,61,49)
```
#07503f
```
#07503f rgb(7,80,63)
```
#08624e
```
#08624e rgb(8,98,78)
```
#0a745c
```
#0a745c rgb(10,116,92)
```
#0b866b
```
#0b866b rgb(11,134,107)
```
#0d9879
```
#0d9879 rgb(13,152,121)
```
#0eaa88
```
#0eaa88 rgb(14,170,136)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#12cea4
```
#12cea4 rgb(18,206,164)
```
#13e0b3
```
#13e0b3 rgb(19,224,179)
```

Shade Color Variation

#1becbe
```
#1becbe rgb(27,236,190)
```
#2dedc3
```
#2dedc3 rgb(45,237,195)
```
#3fefc8
```
#3fefc8 rgb(63,239,200)
```
#51f0cd
```
#51f0cd rgb(81,240,205)
```
#64f2d2
```
#64f2d2 rgb(100,242,210)
```
#76f3d8
```
#76f3d8 rgb(118,243,216)
```
#88f5dd
```
#88f5dd rgb(136,245,221)
```
#9af6e2
```
#9af6e2 rgb(154,246,226)
```
#acf8e7
```
#acf8e7 rgb(172,248,231)
```
#bef9ec
```
#bef9ec rgb(190,249,236)
```
#d0fbf2
```
#d0fbf2 rgb(208,251,242)
```
#e2fdf7
```
#e2fdf7 rgb(226,253,247)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6e6a is the less saturated color, while #00cc9f is the most saturated one.

#5e6e6a
```
#5e6e6a rgb(94,110,106)
```
#57756f
```
#57756f rgb(87,117,111)
```
#4f7d73
```
#4f7d73 rgb(79,125,115)
```
#478577
```
#478577 rgb(71,133,119)
```
#3f8d7c
```
#3f8d7c rgb(63,141,124)
```
#379580
```
#379580 rgb(55,149,128)
```
#2f9d84
```
#2f9d84 rgb(47,157,132)
```
#28a489
```
#28a489 rgb(40,164,137)
```
#20ac8d
```
#20ac8d rgb(32,172,141)
```
#18b492
```
#18b492 rgb(24,180,146)
```
#10bc96
```
#10bc96 rgb(16,188,150)
```
#08c49a
```
#08c49a rgb(8,196,154)
```
#00cc9f
```
#00cc9f rgb(0,204,159)
```

Tone Color Variation

Below, you can see how #10bc96 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

#848484 Achromatopsia 0.005% of the population
#6d8f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3aa91 Protanopia 1% of men
#bda5a4 Deuteranopia 1% of men
#48b9c6 Tritanopia 0.001% of the population

Trichromacy

#78b093 Protanomaly 1% of men, 0.01% of women
#7ead9f Deuteranomaly 6% of men, 0.4% of women
#33bab5 Tritanomaly 0.01% of the population

#10bc96 hex color

#10bc96 Color Information

#10bc96 Color Conversion

Color Schemes with #10bc96

Alternatives to #10bc96

#10bc96 Preview

Shades and Tints of #10bc96

Tones of #10bc96

Color Blindness Simulator