colorhexa.com

#03a674 hex color

In a RGB color space, hex #03a674 is composed of 1.2% red, 65.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 0% magenta, 30.1% yellow and 34.9% black. It has a hue angle of 161.6 degrees, a saturation of 96.4% and a lightness of 33.1%. #03a674 color hex could be obtained by blending #06ffe8 with #004d00. Closest websafe color is: #009966.

- R 1
- G 65
- B 45
RGB color chart
- C 98
- M 0
- Y 30
- K 35
CMYK color chart

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

The hexadecimal color #03a674 has RGB values of R:3, G:166, B:116 and CMYK values of C:0.98, M:0, Y:0.3, K:0.35. Its decimal value is 239220.

Hex triplet	03a674	`#03a674`
RGB Decimal	3, 166, 116	`rgb(3,166,116)`
RGB Percent	1.2, 65.1, 45.5	`rgb(1.2%,65.1%,45.5%)`
CMYK	98, 0, 30, 35
HSL	161.6°, 96.4, 33.1	`hsl(161.6,96.4%,33.1%)`
HSV (or HSB)	161.6°, 98.2, 65.1
Web Safe	009966	`#009966`

CIE-LAB	60.383, -48.497, 15.874
XYZ	16.825, 28.551, 21.146
xyY	0.253, 0.429, 28.551
CIE-LCH	60.383, 51.028, 161.875
CIE-LUV	60.383, -51.415, 29.015
Hunter-Lab	53.433, -37.303, 13.939
Binary	00000011, 10100110, 01110100

#03a674
```
#03a674 rgb(3,166,116)
```
#a60335
```
#a60335 rgb(166,3,53)
```

Complementary Color

#03a623
```
#03a623 rgb(3,166,35)
```
#03a674
```
#03a674 rgb(3,166,116)
```
#0387a6
```
#0387a6 rgb(3,135,166)
```

Analogous Color

#a62303
```
#a62303 rgb(166,35,3)
```
#03a674
```
#03a674 rgb(3,166,116)
```
#a60387
```
#a60387 rgb(166,3,135)
```

Split Complementary Color

#a67403
```
#a67403 rgb(166,116,3)
```
#03a674
```
#03a674 rgb(3,166,116)
```
#7403a6
```
#7403a6 rgb(116,3,166)
```

Triadic Color

#025b3f
```
#025b3f rgb(2,91,63)
```
#027451
```
#027451 rgb(2,116,81)
```
#038d62
```
#038d62 rgb(3,141,98)
```
#03a674
```
#03a674 rgb(3,166,116)
```
#03bf86
```
#03bf86 rgb(3,191,134)
```
#04d897
```
#04d897 rgb(4,216,151)
```
#04f1a9
```
#04f1a9 rgb(4,241,169)
```

Monochromatic Color

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

#03a64b
```
#03a64b rgb(3,166,75)
```
#03a659
```
#03a659 rgb(3,166,89)
```
#03a666
```
#03a666 rgb(3,166,102)
```
#03a674
```
#03a674 rgb(3,166,116)
```
#03a682
```
#03a682 rgb(3,166,130)
```
#03a68f
```
#03a68f rgb(3,166,143)
```
#03a69d
```
#03a69d rgb(3,166,157)
```

Similar Colors

Text with hexadecimal color #03a674

This text has a font color of #03a674.

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

#03a674 background color

This paragraph has a background color of #03a674.

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

#03a674 border color

This element has a border color of #03a674.

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

CSS codes

.text {color:#03a674;}

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

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

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

#000c08
```
#000c08 rgb(0,12,8)
```
#011f16
```
#011f16 rgb(1,31,22)
```
#013223
```
#013223 rgb(1,50,35)
```
#014631
```
#014631 rgb(1,70,49)
```
#02593e
```
#02593e rgb(2,89,62)
```
#026c4c
```
#026c4c rgb(2,108,76)
```
#027f59
```
#027f59 rgb(2,127,89)
```
#039367
```
#039367 rgb(3,147,103)
```
#03a674
```
#03a674 rgb(3,166,116)
```
#03b981
```
#03b981 rgb(3,185,129)
```
#04cd8f
```
#04cd8f rgb(4,205,143)
```
#04e09c
```
#04e09c rgb(4,224,156)
```
#04f3aa
```
#04f3aa rgb(4,243,170)
```

Shade Color Variation

#10fbb3
```
#10fbb3 rgb(16,251,179)
```
#24fbb9
```
#24fbb9 rgb(36,251,185)
```
#37fbbf
```
#37fbbf rgb(55,251,191)
```
#4afcc5
```
#4afcc5 rgb(74,252,197)
```
#5dfccb
```
#5dfccb rgb(93,252,203)
```
#71fcd2
```
#71fcd2 rgb(113,252,210)
```
#84fdd8
```
#84fdd8 rgb(132,253,216)
```
#97fdde
```
#97fdde rgb(151,253,222)
```
#abfde4
```
#abfde4 rgb(171,253,228)
```
#befeea
```
#befeea rgb(190,254,234)
```
#d1fef0
```
#d1fef0 rgb(209,254,240)
```
#e4fff6
```
#e4fff6 rgb(228,255,246)
```
#f8fffd
```
#f8fffd rgb(248,255,253)
```

Tint Color Variation

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

#515856
```
#515856 rgb(81,88,86)
```
#4b5f58
```
#4b5f58 rgb(75,95,88)
```
#44655b
```
#44655b rgb(68,101,91)
```
#3e6c5d
```
#3e6c5d rgb(62,108,93)
```
#377260
```
#377260 rgb(55,114,96)
```
#317962
```
#317962 rgb(49,121,98)
```
#2a7f65
```
#2a7f65 rgb(42,127,101)
```
#248667
```
#248667 rgb(36,134,103)
```
#1d8c6a
```
#1d8c6a rgb(29,140,106)
```
#17936c
```
#17936c rgb(23,147,108)
```
#10996f
```
#10996f rgb(16,153,111)
```
#0aa071
```
#0aa071 rgb(10,160,113)
```
#03a674
```
#03a674 rgb(3,166,116)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5a7b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19772 Protanopia 1% of men
#ac9283 Deuteranopia 1% of men
#44a3af Tritanopia 0.001% of the population

Trichromacy

#689c73 Protanomaly 1% of men, 0.01% of women
#6e997e Deuteranomaly 6% of men, 0.4% of women
#2ca49a Tritanomaly 0.01% of the population