colorhexa.com

#03af6c hex color

In a RGB color space, hex #03af6c is composed of 1.2% red, 68.6% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 0% magenta, 38.3% yellow and 31.4% black. It has a hue angle of 156.6 degrees, a saturation of 96.6% and a lightness of 34.9%. #03af6c color hex could be obtained by blending #06ffd8 with #005f00. Closest websafe color is: #009966.

- R 1
- G 69
- B 42
RGB color chart
- C 98
- M 0
- Y 38
- K 31
CMYK color chart

● #03af6c color description : Dark cyan - lime green.

The hexadecimal color #03af6c has RGB values of R:3, G:175, B:108 and CMYK values of C:0.98, M:0, Y:0.38, K:0.31. Its decimal value is 241516.

Hex triplet	03af6c	`#03af6c`
RGB Decimal	3, 175, 108	`rgb(3,175,108)`
RGB Percent	1.2, 68.6, 42.4	`rgb(1.2%,68.6%,42.4%)`
CMYK	98, 0, 38, 31
HSL	156.6°, 96.6, 34.9	`hsl(156.6,96.6%,34.9%)`
HSV (or HSB)	156.6°, 98.3, 68.6
Web Safe	009966	`#009966`

CIE-LAB	63.144, -53.619, 23.983
XYZ	18.073, 31.76, 19.364
xyY	0.261, 0.459, 31.76
CIE-LCH	63.144, 58.739, 155.902
CIE-LUV	63.144, -55.008, 40.19
Hunter-Lab	56.356, -41.38, 19.077
Binary	00000011, 10101111, 01101100

#03af6c
```
#03af6c rgb(3,175,108)
```
#af0346
```
#af0346 rgb(175,3,70)
```

Complementary Color

#03af16
```
#03af16 rgb(3,175,22)
```
#03af6c
```
#03af6c rgb(3,175,108)
```
#039caf
```
#039caf rgb(3,156,175)
```

Analogous Color

#af1603
```
#af1603 rgb(175,22,3)
```
#03af6c
```
#03af6c rgb(3,175,108)
```
#af039c
```
#af039c rgb(175,3,156)
```

Split Complementary Color

#af6c03
```
#af6c03 rgb(175,108,3)
```
#03af6c
```
#03af6c rgb(3,175,108)
```
#6c03af
```
#6c03af rgb(108,3,175)
```

Triadic Color

#02643e
```
#02643e rgb(2,100,62)
```
#027d4d
```
#027d4d rgb(2,125,77)
```
#03965d
```
#03965d rgb(3,150,93)
```
#03af6c
```
#03af6c rgb(3,175,108)
```
#03c87b
```
#03c87b rgb(3,200,123)
```
#04e18b
```
#04e18b rgb(4,225,139)
```
#04fa9a
```
#04fa9a rgb(4,250,154)
```

Monochromatic Color

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

#03af41
```
#03af41 rgb(3,175,65)
```
#03af4f
```
#03af4f rgb(3,175,79)
```
#03af5e
```
#03af5e rgb(3,175,94)
```
#03af6c
```
#03af6c rgb(3,175,108)
```
#03af7a
```
#03af7a rgb(3,175,122)
```
#03af89
```
#03af89 rgb(3,175,137)
```
#03af97
```
#03af97 rgb(3,175,151)
```

Similar Colors

Text with hexadecimal color #03af6c

This text has a font color of #03af6c.

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

#03af6c background color

This paragraph has a background color of #03af6c.

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

#03af6c border color

This element has a border color of #03af6c.

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

CSS codes

.text {color:#03af6c;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#00150d
```
#00150d rgb(0,21,13)
```
#012819
```
#012819 rgb(1,40,25)
```
#013b25
```
#013b25 rgb(1,59,37)
```
#014f30
```
#014f30 rgb(1,79,48)
```
#02623c
```
#02623c rgb(2,98,60)
```
#027548
```
#027548 rgb(2,117,72)
```
#028854
```
#028854 rgb(2,136,84)
```
#039c60
```
#039c60 rgb(3,156,96)
```
#03af6c
```
#03af6c rgb(3,175,108)
```
#03c278
```
#03c278 rgb(3,194,120)
```
#04d684
```
#04d684 rgb(4,214,132)
```
#04e990
```
#04e990 rgb(4,233,144)
```

Shade Color Variation

#06fb9b
```
#06fb9b rgb(6,251,155)
```
#19fba3
```
#19fba3 rgb(25,251,163)
```
#2cfbab
```
#2cfbab rgb(44,251,171)
```
#40fcb2
```
#40fcb2 rgb(64,252,178)
```
#53fcba
```
#53fcba rgb(83,252,186)
```
#66fcc2
```
#66fcc2 rgb(102,252,194)
```
#79fdca
```
#79fdca rgb(121,253,202)
```
#8dfdd1
```
#8dfdd1 rgb(141,253,209)
```
#a0fdd9
```
#a0fdd9 rgb(160,253,217)
```
#b3fee1
```
#b3fee1 rgb(179,254,225)
```
#c7fee8
```
#c7fee8 rgb(199,254,232)
```
#dafef0
```
#dafef0 rgb(218,254,240)
```
#edfff8
```
#edfff8 rgb(237,255,248)
```

Tint Color Variation

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

#555d5a
```
#555d5a rgb(85,93,90)
```
#4e645b
```
#4e645b rgb(78,100,91)
```
#476b5d
```
#476b5d rgb(71,107,93)
```
#41715e
```
#41715e rgb(65,113,94)
```
#3a7860
```
#3a7860 rgb(58,120,96)
```
#337f61
```
#337f61 rgb(51,127,97)
```
#2c8663
```
#2c8663 rgb(44,134,99)
```
#258d64
```
#258d64 rgb(37,141,100)
```
#1e9466
```
#1e9466 rgb(30,148,102)
```
#189a67
```
#189a67 rgb(24,154,103)
```
#11a169
```
#11a169 rgb(17,161,105)
```
#0aa86a
```
#0aa86a rgb(10,168,106)
```
#03af6c
```
#03af6c rgb(3,175,108)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5d8072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9e6b Protanopia 1% of men
#b8987d Deuteranopia 1% of men
#4baab7 Tritanopia 0.001% of the population

Trichromacy

#6da46b Protanomaly 1% of men, 0.01% of women
#76a076 Deuteranomaly 6% of men, 0.4% of women
#31ac9b Tritanomaly 0.01% of the population