#03a5a4 hex color

In a RGB color space, hex #03a5a4 is composed of 1.2% red, 64.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 0% magenta, 0.6% yellow and 35.3% black. It has a hue angle of 179.6 degrees, a saturation of 96.4% and a lightness of 32.9%. #03a5a4 color hex could be obtained by blending #06ffff with #004b49. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 65
- B 64
RGB color chart
- C 98
- M 0
- Y 1
- K 35
CMYK color chart

● #03a5a4 color description : Dark cyan.

The hexadecimal color #03a5a4 has RGB values of R:3, G:165, B:164 and CMYK values of C:0.98, M:0, Y:0.01, K:0.35. Its decimal value is 239012.

Hex triplet	03a5a4	`#03a5a4`
RGB Decimal	3, 165, 164	`rgb(3,165,164)`
RGB Percent	1.2, 64.7, 64.3	`rgb(1.2%,64.7%,64.3%)`
CMYK	98, 0, 1, 35
HSL	179.6°, 96.4, 32.9	`hsl(179.6,96.4%,32.9%)`
HSV (or HSB)	179.6°, 98.2, 64.7
Web Safe	009999	`#009999`

CIE-LAB	61.314, -34.911, -9.665
XYZ	20.191, 29.608, 39.771
xyY	0.225, 0.331, 29.608
CIE-LCH	61.314, 36.224, 195.474
CIE-LUV	61.314, -47.389, -9.369
Hunter-Lab	54.413, -28.986, -5.246
Binary	00000011, 10100101, 10100100

#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#a50304
```
#a50304 rgb(165,3,4)
```

Complementary Color

#03a553
```
#03a553 rgb(3,165,83)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#0355a5
```
#0355a5 rgb(3,85,165)
```

Analogous Color

#a55303
```
#a55303 rgb(165,83,3)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#a50355
```
#a50355 rgb(165,3,85)
```

Split Complementary Color

#a5a403
```
#a5a403 rgb(165,164,3)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#a403a5
```
#a403a5 rgb(164,3,165)
```

Triadic Color

#04a503
```
#04a503 rgb(4,165,3)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#a403a5
```
#a403a5 rgb(164,3,165)
```
#a50304
```
#a50304 rgb(165,3,4)
```

Tetradic Color

#025a59
```
#025a59 rgb(2,90,89)
```
#027372
```
#027372 rgb(2,115,114)
```
#038c8b
```
#038c8b rgb(3,140,139)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#03bebd
```
#03bebd rgb(3,190,189)
```
#04d7d6
```
#04d7d6 rgb(4,215,214)
```
#04f0ef
```
#04f0ef rgb(4,240,239)
```

Monochromatic Color

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

#03a57c
```
#03a57c rgb(3,165,124)
```
#03a589
```
#03a589 rgb(3,165,137)
```
#03a597
```
#03a597 rgb(3,165,151)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#0399a5
```
#0399a5 rgb(3,153,165)
```
#038ba5
```
#038ba5 rgb(3,139,165)
```
#037ea5
```
#037ea5 rgb(3,126,165)
```

Similar Colors

Text with hexadecimal color #03a5a4

This text has a font color of #03a5a4.

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

#03a5a4 background color

This paragraph has a background color of #03a5a4.

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

#03a5a4 border color

This element has a border color of #03a5a4.

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

CSS codes

.text {color:#03a5a4;}

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

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

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

#000b0b
```
#000b0b rgb(0,11,11)
```
#011e1e
```
#011e1e rgb(1,30,30)
```
#013131
```
#013131 rgb(1,49,49)
```
#014544
```
#014544 rgb(1,69,68)
```
#025857
```
#025857 rgb(2,88,87)
```
#026b6b
```
#026b6b rgb(2,107,107)
```
#027e7e
```
#027e7e rgb(2,126,126)
```
#039291
```
#039291 rgb(3,146,145)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```
#03b8b7
```
#03b8b7 rgb(3,184,183)
```
#04ccca
```
#04ccca rgb(4,204,202)
```
#04dfdd
```
#04dfdd rgb(4,223,221)
```
#04f2f1
```
#04f2f1 rgb(4,242,241)
```

Shade Color Variation

#0ffbf9
```
#0ffbf9 rgb(15,251,249)
```
#23fbfa
```
#23fbfa rgb(35,251,250)
```
#36fbfa
```
#36fbfa rgb(54,251,250)
```
#49fcfb
```
#49fcfb rgb(73,252,251)
```
#5cfcfb
```
#5cfcfb rgb(92,252,251)
```
#70fcfc
```
#70fcfc rgb(112,252,252)
```
#83fdfc
```
#83fdfc rgb(131,253,252)
```
#96fdfc
```
#96fdfc rgb(150,253,252)
```
#aafdfd
```
#aafdfd rgb(170,253,253)
```
#bdfefd
```
#bdfefd rgb(189,254,253)
```
#d0fefe
```
#d0fefe rgb(208,254,254)
```
#e3fefe
```
#e3fefe rgb(227,254,254)
```
#f7ffff
```
#f7ffff rgb(247,255,255)
```

Tint Color Variation

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

#515757
```
#515757 rgb(81,87,87)
```
#4a5e5e
```
#4a5e5e rgb(74,94,94)
```
#446464
```
#446464 rgb(68,100,100)
```
#3d6b6b
```
#3d6b6b rgb(61,107,107)
```
#377171
```
#377171 rgb(55,113,113)
```
#307877
```
#307877 rgb(48,120,119)
```
#2a7e7e
```
#2a7e7e rgb(42,126,126)
```
#238584
```
#238584 rgb(35,133,132)
```
#1d8b8a
```
#1d8b8a rgb(29,139,138)
```
#169291
```
#169291 rgb(22,146,145)
```
#109897
```
#109897 rgb(16,152,151)
```
#099f9e
```
#099f9e rgb(9,159,158)
```
#03a5a4
```
#03a5a4 rgb(3,165,164)
```

Tone Color Variation

Below, you can see how #03a5a4 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
#5d7e7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a989f Protanopia 1% of men
#9c96b0 Deuteranopia 1% of men
#28a7b4 Tritanopia 0.001% of the population

Trichromacy

#639da0 Protanomaly 1% of men, 0.01% of women
#649bab Deuteranomaly 6% of men, 0.4% of women
#1aa6ae Tritanomaly 0.01% of the population

#03a5a4 hex color

#03a5a4 Color Information

#03a5a4 Color Conversion

Color Schemes with #03a5a4

Alternatives to #03a5a4

#03a5a4 Preview

Shades and Tints of #03a5a4

Tones of #03a5a4

Color Blindness Simulator