#03bc96 hex color

In a RGB color space, hex #03bc96 is composed of 1.2% red, 73.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 0% magenta, 20.2% yellow and 26.3% black. It has a hue angle of 167.7 degrees, a saturation of 96.9% and a lightness of 37.5%. #03bc96 color hex could be obtained by blending #06ffff with #00792d. Closest websafe color is: #00cc99.

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

● #03bc96 color description : Strong cyan.

The hexadecimal color #03bc96 has RGB values of R:3, G:188, B:150 and CMYK values of C:0.98, M:0, Y:0.2, K:0.26. Its decimal value is 244886.

Hex triplet	03bc96	`#03bc96`
RGB Decimal	3, 188, 150	`rgb(3,188,150)`
RGB Percent	1.2, 73.7, 58.8	`rgb(1.2%,73.7%,58.8%)`
CMYK	98, 0, 20, 26
HSL	167.7°, 96.9, 37.5	`hsl(167.7,96.9%,37.5%)`
HSV (or HSB)	167.7°, 98.4, 73.7
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.157, -48.821, 8.116
XYZ	23.524, 38.185, 34.983
xyY	0.243, 0.395, 38.185
CIE-LCH	68.157, 49.491, 170.561
CIE-LUV	68.157, -56.404, 19.263
Hunter-Lab	61.794, -40.189, 9.691
Binary	00000011, 10111100, 10010110

#03bc96
```
#03bc96 rgb(3,188,150)
```
#bc0329
```
#bc0329 rgb(188,3,41)
```

Complementary Color

#03bc3a
```
#03bc3a rgb(3,188,58)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```
#0386bc
```
#0386bc rgb(3,134,188)
```

Analogous Color

#bc3a03
```
#bc3a03 rgb(188,58,3)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```
#bc0386
```
#bc0386 rgb(188,3,134)
```

Split Complementary Color

#bc9603
```
#bc9603 rgb(188,150,3)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```
#9603bc
```
#9603bc rgb(150,3,188)
```

Triadic Color

#29bc03
```
#29bc03 rgb(41,188,3)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```
#9603bc
```
#9603bc rgb(150,3,188)
```
#bc0329
```
#bc0329 rgb(188,3,41)
```

Tetradic Color

#02715a
```
#02715a rgb(2,113,90)
```
#028a6e
```
#028a6e rgb(2,138,110)
```
#03a382
```
#03a382 rgb(3,163,130)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```
#03d5aa
```
#03d5aa rgb(3,213,170)
```
#04eebe
```
#04eebe rgb(4,238,190)
```
#10fbcb
```
#10fbcb rgb(16,251,203)
```

Monochromatic Color

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

#03bc68
```
#03bc68 rgb(3,188,104)
```
#03bc77
```
#03bc77 rgb(3,188,119)
```
#03bc87
```
#03bc87 rgb(3,188,135)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```
#03bca5
```
#03bca5 rgb(3,188,165)
```
#03bcb5
```
#03bcb5 rgb(3,188,181)
```
#03b4bc
```
#03b4bc rgb(3,180,188)
```

Similar Colors

Text with hexadecimal color #03bc96

This text has a font color of #03bc96.

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

#03bc96 background color

This paragraph has a background color of #03bc96.

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

#03bc96 border color

This element has a border color of #03bc96.

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

CSS codes

.text {color:#03bc96;}

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

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

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

#000e0b
```
#000e0b rgb(0,14,11)
```
#01221b
```
#01221b rgb(1,34,27)
```
#01352a
```
#01352a rgb(1,53,42)
```
#01483a
```
#01483a rgb(1,72,58)
```
#015b49
```
#015b49 rgb(1,91,73)
```
#026f58
```
#026f58 rgb(2,111,88)
```
#028268
```
#028268 rgb(2,130,104)
```
#029577
```
#029577 rgb(2,149,119)
```
#03a987
```
#03a987 rgb(3,169,135)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```
#03cfa5
```
#03cfa5 rgb(3,207,165)
```
#04e3b5
```
#04e3b5 rgb(4,227,181)
```
#04f6c4
```
#04f6c4 rgb(4,246,196)
```

Shade Color Variation

#12fbcb
```
#12fbcb rgb(18,251,203)
```
#26fcd0
```
#26fcd0 rgb(38,252,208)
```
#39fcd4
```
#39fcd4 rgb(57,252,212)
```
#4cfcd8
```
#4cfcd8 rgb(76,252,216)
```
#5ffcdc
```
#5ffcdc rgb(95,252,220)
```
#73fde0
```
#73fde0 rgb(115,253,224)
```
#86fde5
```
#86fde5 rgb(134,253,229)
```
#99fde9
```
#99fde9 rgb(153,253,233)
```
#adfeed
```
#adfeed rgb(173,254,237)
```
#c0fef1
```
#c0fef1 rgb(192,254,241)
```
#d3fef5
```
#d3fef5 rgb(211,254,245)
```
#e7fffa
```
#e7fffa rgb(231,255,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#5b6462
```
#5b6462 rgb(91,100,98)
```
#546b66
```
#546b66 rgb(84,107,102)
```
#4c736b
```
#4c736b rgb(76,115,107)
```
#457a6f
```
#457a6f rgb(69,122,111)
```
#3e8173
```
#3e8173 rgb(62,129,115)
```
#368978
```
#368978 rgb(54,137,120)
```
#2f907c
```
#2f907c rgb(47,144,124)
```
#289780
```
#289780 rgb(40,151,128)
```
#209f85
```
#209f85 rgb(32,159,133)
```
#19a689
```
#19a689 rgb(25,166,137)
```
#12ad8d
```
#12ad8d rgb(18,173,141)
```
#0ab592
```
#0ab592 rgb(10,181,146)
```
#03bc96
```
#03bc96 rgb(3,188,150)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#678c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3aa91 Protanopia 1% of men
#bca5a4 Deuteranopia 1% of men
#45b9c6 Tritanopia 0.001% of the population

Trichromacy

#73b093 Protanomaly 1% of men, 0.01% of women
#79ad9f Deuteranomaly 6% of men, 0.4% of women
#2dbab5 Tritanomaly 0.01% of the population

#03bc96 hex color

#03bc96 Color Information

#03bc96 Color Conversion

Color Schemes with #03bc96

Alternatives to #03bc96

#03bc96 Preview

Shades and Tints of #03bc96

Tones of #03bc96

Color Blindness Simulator