colorhexa.com

#03a242 hex color

In a RGB color space, hex #03a242 is composed of 1.2% red, 63.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 0% magenta, 59.3% yellow and 36.5% black. It has a hue angle of 143.8 degrees, a saturation of 96.4% and a lightness of 32.4%. #03a242 color hex could be obtained by blending #06ff84 with #004500. Closest websafe color is: #009933.

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

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

The hexadecimal color #03a242 has RGB values of R:3, G:162, B:66 and CMYK values of C:0.98, M:0, Y:0.59, K:0.36. Its decimal value is 238146.

Hex triplet	03a242	`#03a242`
RGB Decimal	3, 162, 66	`rgb(3,162,66)`
RGB Percent	1.2, 63.5, 25.9	`rgb(1.2%,63.5%,25.9%)`
CMYK	98, 0, 59, 36
HSL	143.8°, 96.4, 32.4	`hsl(143.8,96.4%,32.4%)`
HSV (or HSB)	143.8°, 98.1, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.275, -56.47, 39.398
XYZ	13.94, 26.252, 9.486
xyY	0.281, 0.528, 26.252
CIE-LCH	58.275, 68.855, 145.097
CIE-LUV	58.275, -53.03, 55.56
Hunter-Lab	51.236, -41.098, 24.888
Binary	00000011, 10100010, 01000010

#03a242
```
#03a242 rgb(3,162,66)
```
#a20363
```
#a20363 rgb(162,3,99)
```

Complementary Color

#14a203
```
#14a203 rgb(20,162,3)
```
#03a242
```
#03a242 rgb(3,162,66)
```
#03a292
```
#03a292 rgb(3,162,146)
```

Analogous Color

#a20314
```
#a20314 rgb(162,3,20)
```
#03a242
```
#03a242 rgb(3,162,66)
```
#9203a2
```
#9203a2 rgb(146,3,162)
```

Split Complementary Color

#025723
```
#025723 rgb(2,87,35)
```
#02702e
```
#02702e rgb(2,112,46)
```
#038938
```
#038938 rgb(3,137,56)
```
#03a242
```
#03a242 rgb(3,162,66)
```
#03bb4c
```
#03bb4c rgb(3,187,76)
```
#04d456
```
#04d456 rgb(4,212,86)
```
#04ed61
```
#04ed61 rgb(4,237,97)
```

Monochromatic Color

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

#03a21a
```
#03a21a rgb(3,162,26)
```
#03a228
```
#03a228 rgb(3,162,40)
```
#03a235
```
#03a235 rgb(3,162,53)
```
#03a242
```
#03a242 rgb(3,162,66)
```
#03a24f
```
#03a24f rgb(3,162,79)
```
#03a25d
```
#03a25d rgb(3,162,93)
```
#03a26a
```
#03a26a rgb(3,162,106)
```

Similar Colors

Text with hexadecimal color #03a242

This text has a font color of #03a242.

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

#03a242 background color

This paragraph has a background color of #03a242.

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

#03a242 border color

This element has a border color of #03a242.

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

CSS codes

.text {color:#03a242;}

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

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

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

#000803
```
#000803 rgb(0,8,3)
```
#011b0b
```
#011b0b rgb(1,27,11)
```
#012e13
```
#012e13 rgb(1,46,19)
```
#01421b
```
#01421b rgb(1,66,27)
```
#025523
```
#025523 rgb(2,85,35)
```
#02682a
```
#02682a rgb(2,104,42)
```
#027b32
```
#027b32 rgb(2,123,50)
```
#038f3a
```
#038f3a rgb(3,143,58)
```
#03a242
```
#03a242 rgb(3,162,66)
```
#03b54a
```
#03b54a rgb(3,181,74)
```
#04c952
```
#04c952 rgb(4,201,82)
```
#04dc5a
```
#04dc5a rgb(4,220,90)
```
#04ef61
```
#04ef61 rgb(4,239,97)
```

Shade Color Variation

#0dfb6b
```
#0dfb6b rgb(13,251,107)
```
#20fb77
```
#20fb77 rgb(32,251,119)
```
#33fb82
```
#33fb82 rgb(51,251,130)
```
#46fc8e
```
#46fc8e rgb(70,252,142)
```
#5afc9a
```
#5afc9a rgb(90,252,154)
```
#6dfca6
```
#6dfca6 rgb(109,252,166)
```
#80fdb1
```
#80fdb1 rgb(128,253,177)
```
#93fdbd
```
#93fdbd rgb(147,253,189)
```
#a7fdc9
```
#a7fdc9 rgb(167,253,201)
```
#bafed5
```
#bafed5 rgb(186,254,213)
```
#cdfee1
```
#cdfee1 rgb(205,254,225)
```
#e0feec
```
#e0feec rgb(224,254,236)
```
#f4fff8
```
#f4fff8 rgb(244,255,248)
```

Tint Color Variation

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

#4f5652
```
#4f5652 rgb(79,86,82)
```
#495c50
```
#495c50 rgb(73,92,80)
```
#42634f
```
#42634f rgb(66,99,79)
```
#3c694e
```
#3c694e rgb(60,105,78)
```
#366f4d
```
#366f4d rgb(54,111,77)
```
#2f764b
```
#2f764b rgb(47,118,75)
```
#297c4a
```
#297c4a rgb(41,124,74)
```
#238249
```
#238249 rgb(35,130,73)
```
#1c8947
```
#1c8947 rgb(28,137,71)
```
#168f46
```
#168f46 rgb(22,143,70)
```
#109545
```
#109545 rgb(16,149,69)
```
#099c43
```
#099c43 rgb(9,156,67)
```
#03a242
```
#03a242 rgb(3,162,66)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#547460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19245 Protanopia 1% of men
#b08b56 Deuteranopia 1% of men
#4c9da8 Tritanopia 0.001% of the population

Trichromacy

#679744 Protanomaly 1% of men, 0.01% of women
#71934e Deuteranomaly 6% of men, 0.4% of women
#329e83 Tritanomaly 0.01% of the population