colorhexa.com

#03a5b2 hex color

In a RGB color space, hex #03a5b2 is composed of 1.2% red, 64.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 7.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 184.5 degrees, a saturation of 96.7% and a lightness of 35.5%. #03a5b2 color hex could be obtained by blending #06ffff with #004b65. Closest websafe color is: #009999.

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

● #03a5b2 color description : Dark cyan.

The hexadecimal color #03a5b2 has RGB values of R:3, G:165, B:178 and CMYK values of C:0.98, M:0.07, Y:0, K:0.3. Its decimal value is 239026.

Hex triplet	03a5b2	`#03a5b2`
RGB Decimal	3, 165, 178	`rgb(3,165,178)`
RGB Percent	1.2, 64.7, 69.8	`rgb(1.2%,64.7%,69.8%)`
CMYK	98, 7, 0, 30
HSL	184.5°, 96.7, 35.5	`hsl(184.5,96.7%,35.5%)`
HSV (or HSB)	184.5°, 98.3, 69.8
Web Safe	009999	`#009999`

CIE-LAB	61.776, -30.468, -16.839
XYZ	21.526, 30.142, 46.8
xyY	0.219, 0.306, 30.142
CIE-LCH	61.776, 34.811, 208.929
CIE-LUV	61.776, -46.271, -21.328
Hunter-Lab	54.902, -26.09, -12.11
Binary	00000011, 10100101, 10110010

#03a5b2
```
#03a5b2 rgb(3,165,178)
```
#b21003
```
#b21003 rgb(178,16,3)
```

Complementary Color

#03b268
```
#03b268 rgb(3,178,104)
```
#03a5b2
```
#03a5b2 rgb(3,165,178)
```
#034db2
```
#034db2 rgb(3,77,178)
```

Analogous Color

#b26803
```
#b26803 rgb(178,104,3)
```
#03a5b2
```
#03a5b2 rgb(3,165,178)
```
#b2034e
```
#b2034e rgb(178,3,78)
```

Split Complementary Color

#a5b203
```
#a5b203 rgb(165,178,3)
```
#03a5b2
```
#03a5b2 rgb(3,165,178)
```
#b203a5
```
#b203a5 rgb(178,3,165)
```

Triadic Color

#025f67
```
#025f67 rgb(2,95,103)
```
#027780
```
#027780 rgb(2,119,128)
```
#038e99
```
#038e99 rgb(3,142,153)
```
#03a5b2
```
#03a5b2 rgb(3,165,178)
```
#03bccb
```
#03bccb rgb(3,188,203)
```
#04d3e4
```
#04d3e4 rgb(4,211,228)
```
#07e9fb
```
#07e9fb rgb(7,233,251)
```

Monochromatic Color

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

#03b293
```
#03b293 rgb(3,178,147)
```
#03b2a2
```
#03b2a2 rgb(3,178,162)
```
#03b2b0
```
#03b2b0 rgb(3,178,176)
```
#03a5b2
```
#03a5b2 rgb(3,165,178)
```
#0396b2
```
#0396b2 rgb(3,150,178)
```
#0388b2
```
#0388b2 rgb(3,136,178)
```
#0379b2
```
#0379b2 rgb(3,121,178)
```

Similar Colors

Text with hexadecimal color #03a5b2

This text has a font color of #03a5b2.

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

#03a5b2 background color

This paragraph has a background color of #03a5b2.

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

#03a5b2 border color

This element has a border color of #03a5b2.

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

CSS codes

.text {color:#03a5b2;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#001618
```
#001618 rgb(0,22,24)
```
#01282b
```
#01282b rgb(1,40,43)
```
#013a3e
```
#013a3e rgb(1,58,62)
```
#014c52
```
#014c52 rgb(1,76,82)
```
#025d65
```
#025d65 rgb(2,93,101)
```
#026f78
```
#026f78 rgb(2,111,120)
```
#02818b
```
#02818b rgb(2,129,139)
```
#03939f
```
#03939f rgb(3,147,159)
```
#03a5b2
```
#03a5b2 rgb(3,165,178)
```
#03b7c5
```
#03b7c5 rgb(3,183,197)
```
#04c9d9
```
#04c9d9 rgb(4,201,217)
```
#04dbec
```
#04dbec rgb(4,219,236)
```

Shade Color Variation

#09e9fb
```
#09e9fb rgb(9,233,251)
```
#1cebfb
```
#1cebfb rgb(28,235,251)
```
#2fecfb
```
#2fecfb rgb(47,236,251)
```
#42eefc
```
#42eefc rgb(66,238,252)
```
#56f0fc
```
#56f0fc rgb(86,240,252)
```
#69f2fc
```
#69f2fc rgb(105,242,252)
```
#7cf3fd
```
#7cf3fd rgb(124,243,253)
```
#90f5fd
```
#90f5fd rgb(144,245,253)
```
#a3f7fd
```
#a3f7fd rgb(163,247,253)
```
#b6f8fe
```
#b6f8fe rgb(182,248,254)
```
#cafafe
```
#cafafe rgb(202,250,254)
```
#ddfcfe
```
#ddfcfe rgb(221,252,254)
```
#f0feff
```
#f0feff rgb(240,254,255)
```

Tint Color Variation

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

#575e5e
```
#575e5e rgb(87,94,94)
```
#506465
```
#506465 rgb(80,100,101)
```
#496a6c
```
#496a6c rgb(73,106,108)
```
#427073
```
#427073 rgb(66,112,115)
```
#3b767a
```
#3b767a rgb(59,118,122)
```
#347c81
```
#347c81 rgb(52,124,129)
```
#2d8188
```
#2d8188 rgb(45,129,136)
```
#26878f
```
#26878f rgb(38,135,143)
```
#1f8d96
```
#1f8d96 rgb(31,141,150)
```
#18939d
```
#18939d rgb(24,147,157)
```
#1199a4
```
#1199a4 rgb(17,153,164)
```
#0a9fab
```
#0a9fab rgb(10,159,171)
```
#03a5b2
```
#03a5b2 rgb(3,165,178)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#5f7f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9799ac Protanopia 1% of men
#9697bc Deuteranopia 1% of men
#0ea9b6 Tritanopia 0.001% of the population

Trichromacy

#619dae Protanomaly 1% of men, 0.01% of women
#609cb8 Deuteranomaly 6% of men, 0.4% of women
#0aa7b4 Tritanomaly 0.01% of the population