colorhexa.com

#03a368 hex color

In a RGB color space, hex #03a368 is composed of 1.2% red, 63.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 0% magenta, 36.2% yellow and 36.1% black. It has a hue angle of 157.9 degrees, a saturation of 96.4% and a lightness of 32.5%. #03a368 color hex could be obtained by blending #06ffd0 with #004700. Closest websafe color is: #009966.

- R 1
- G 64
- B 41
RGB color chart
- C 98
- M 0
- Y 36
- K 36
CMYK color chart

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

The hexadecimal color #03a368 has RGB values of R:3, G:163, B:104 and CMYK values of C:0.98, M:0, Y:0.36, K:0.36. Its decimal value is 238440.

Hex triplet	03a368	`#03a368`
RGB Decimal	3, 163, 104	`rgb(3,163,104)`
RGB Percent	1.2, 63.9, 40.8	`rgb(1.2%,63.9%,40.8%)`
CMYK	98, 0, 36, 36
HSL	157.9°, 96.4, 32.5	`hsl(157.9,96.4%,32.5%)`
HSV (or HSB)	157.9°, 98.2, 63.9
Web Safe	009966	`#009966`

CIE-LAB	59.17, -50.062, 20.812
XYZ	15.632, 27.211, 17.524
xyY	0.259, 0.451, 27.211
CIE-LCH	59.17, 54.215, 157.426
CIE-LUV	59.17, -51.215, 35.198
Hunter-Lab	52.165, -37.797, 16.597
Binary	00000011, 10100011, 01101000

#03a368
```
#03a368 rgb(3,163,104)
```
#a3033e
```
#a3033e rgb(163,3,62)
```

Complementary Color

#03a318
```
#03a318 rgb(3,163,24)
```
#03a368
```
#03a368 rgb(3,163,104)
```
#038ea3
```
#038ea3 rgb(3,142,163)
```

Analogous Color

#a31803
```
#a31803 rgb(163,24,3)
```
#03a368
```
#03a368 rgb(3,163,104)
```
#a3038e
```
#a3038e rgb(163,3,142)
```

Split Complementary Color

#a36803
```
#a36803 rgb(163,104,3)
```
#03a368
```
#03a368 rgb(3,163,104)
```
#6803a3
```
#6803a3 rgb(104,3,163)
```

Triadic Color

#025838
```
#025838 rgb(2,88,56)
```
#027148
```
#027148 rgb(2,113,72)
```
#038a58
```
#038a58 rgb(3,138,88)
```
#03a368
```
#03a368 rgb(3,163,104)
```
#03bc78
```
#03bc78 rgb(3,188,120)
```
#04d588
```
#04d588 rgb(4,213,136)
```
#04ee98
```
#04ee98 rgb(4,238,152)
```

Monochromatic Color

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

#03a340
```
#03a340 rgb(3,163,64)
```
#03a34d
```
#03a34d rgb(3,163,77)
```
#03a35b
```
#03a35b rgb(3,163,91)
```
#03a368
```
#03a368 rgb(3,163,104)
```
#03a375
```
#03a375 rgb(3,163,117)
```
#03a383
```
#03a383 rgb(3,163,131)
```
#03a390
```
#03a390 rgb(3,163,144)
```

Similar Colors

Text with hexadecimal color #03a368

This text has a font color of #03a368.

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

#03a368 background color

This paragraph has a background color of #03a368.

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

#03a368 border color

This element has a border color of #03a368.

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

CSS codes

.text {color:#03a368;}

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

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

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

#000906
```
#000906 rgb(0,9,6)
```
#011c12
```
#011c12 rgb(1,28,18)
```
#012f1e
```
#012f1e rgb(1,47,30)
```
#01432b
```
#01432b rgb(1,67,43)
```
#025637
```
#025637 rgb(2,86,55)
```
#026943
```
#026943 rgb(2,105,67)
```
#027c4f
```
#027c4f rgb(2,124,79)
```
#03905c
```
#03905c rgb(3,144,92)
```
#03a368
```
#03a368 rgb(3,163,104)
```
#03b674
```
#03b674 rgb(3,182,116)
```
#04ca81
```
#04ca81 rgb(4,202,129)
```
#04dd8d
```
#04dd8d rgb(4,221,141)
```
#04f099
```
#04f099 rgb(4,240,153)
```

Shade Color Variation

#0efba3
```
#0efba3 rgb(14,251,163)
```
#21fbaa
```
#21fbaa rgb(33,251,170)
```
#34fbb2
```
#34fbb2 rgb(52,251,178)
```
#47fcb9
```
#47fcb9 rgb(71,252,185)
```
#5bfcc0
```
#5bfcc0 rgb(91,252,192)
```
#6efcc8
```
#6efcc8 rgb(110,252,200)
```
#81fdcf
```
#81fdcf rgb(129,253,207)
```
#94fdd6
```
#94fdd6 rgb(148,253,214)
```
#a8fdde
```
#a8fdde rgb(168,253,222)
```
#bbfee5
```
#bbfee5 rgb(187,254,229)
```
#cefeec
```
#cefeec rgb(206,254,236)
```
#e1fef4
```
#e1fef4 rgb(225,254,244)
```
#f5fffb
```
#f5fffb rgb(245,255,251)
```

Tint Color Variation

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

#505654
```
#505654 rgb(80,86,84)
```
#495d56
```
#495d56 rgb(73,93,86)
```
#436357
```
#436357 rgb(67,99,87)
```
#3c6a59
```
#3c6a59 rgb(60,106,89)
```
#36705b
```
#36705b rgb(54,112,91)
```
#30765c
```
#30765c rgb(48,118,92)
```
#297d5e
```
#297d5e rgb(41,125,94)
```
#238360
```
#238360 rgb(35,131,96)
```
#1d8961
```
#1d8961 rgb(29,137,97)
```
#169063
```
#169063 rgb(22,144,99)
```
#109665
```
#109665 rgb(16,150,101)
```
#099d66
```
#099d66 rgb(9,157,102)
```
#03a368
```
#03a368 rgb(3,163,104)
```

Tone Color Variation

Below, you can see how #03a368 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
#57776b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9467 Protanopia 1% of men
#ab8e78 Deuteranopia 1% of men
#45a0ab Tritanopia 0.001% of the population

Trichromacy

#669967 Protanomaly 1% of men, 0.01% of women
#6e9672 Deuteranomaly 6% of men, 0.4% of women
#2da193 Tritanomaly 0.01% of the population