#00a4b2 hex color

In a RGB color space, hex #00a4b2 is composed of 0% red, 64.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 7.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 184.7 degrees, a saturation of 100% and a lightness of 34.9%. #00a4b2 color hex could be obtained by blending #00ffff with #004965. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 0
- G 64
- B 70
RGB color chart
- C 100
- M 8
- Y 0
- K 30
CMYK color chart

● #00a4b2 color description : Dark cyan.

The hexadecimal color #00a4b2 has RGB values of R:0, G:164, B:178 and CMYK values of C:1, M:0.08, Y:0, K:0.3. Its decimal value is 42162.

Hex triplet	00a4b2	`#00a4b2`
RGB Decimal	0, 164, 178	`rgb(0,164,178)`
RGB Percent	0, 64.3, 69.8	`rgb(0%,64.3%,69.8%)`
CMYK	100, 8, 0, 30
HSL	184.7°, 100, 34.9	`hsl(184.7,100%,34.9%)`
HSV (or HSB)	184.7°, 100, 69.8
Web Safe	009999	`#009999`

CIE-LAB	61.449, -30.086, -17.337
XYZ	21.309, 29.763, 46.739
xyY	0.218, 0.304, 29.763
CIE-LCH	61.449, 34.724, 209.952
CIE-LUV	61.449, -46.047, -22.163
Hunter-Lab	54.556, -25.752, -12.606
Binary	00000000, 10100100, 10110010

#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#b20e00
```
#b20e00 rgb(178,14,0)
```

Complementary Color

#00b267
```
#00b267 rgb(0,178,103)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#004bb2
```
#004bb2 rgb(0,75,178)
```

Analogous Color

#b26700
```
#b26700 rgb(178,103,0)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#b2004b
```
#b2004b rgb(178,0,75)
```

Split Complementary Color

#a4b200
```
#a4b200 rgb(164,178,0)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#b200a4
```
#b200a4 rgb(178,0,164)
```

Triadic Color

#00b20e
```
#00b20e rgb(0,178,14)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#b200a4
```
#b200a4 rgb(178,0,164)
```
#b20e00
```
#b20e00 rgb(178,14,0)
```

Tetradic Color

#005e66
```
#005e66 rgb(0,94,102)
```
#00757f
```
#00757f rgb(0,117,127)
```
#008d99
```
#008d99 rgb(0,141,153)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#00bbcc
```
#00bbcc rgb(0,187,204)
```
#00d3e5
```
#00d3e5 rgb(0,211,229)
```
#00eaff
```
#00eaff rgb(0,234,255)
```

Monochromatic Color

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

#00b294
```
#00b294 rgb(0,178,148)
```
#00b2a2
```
#00b2a2 rgb(0,178,162)
```
#00b2b1
```
#00b2b1 rgb(0,178,177)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#0095b2
```
#0095b2 rgb(0,149,178)
```
#0086b2
```
#0086b2 rgb(0,134,178)
```
#0078b2
```
#0078b2 rgb(0,120,178)
```

Similar Colors

Text with hexadecimal color #00a4b2

This text has a font color of #00a4b2.

<span style="color:#00a4b2;">Text here</span>

#00a4b2 background color

This paragraph has a background color of #00a4b2.

<p style="background-color:#00a4b2;">Content here</p>

#00a4b2 border color

This element has a border color of #00a4b2.

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

CSS codes

.text {color:#00a4b2;}

.background {background-color:#00a4b2;}

.border {border:1px solid #00a4b2;}

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

#000101
```
#000101 rgb(0,1,1)
```
#001315
```
#001315 rgb(0,19,21)
```
#002529
```
#002529 rgb(0,37,41)
```
#00383c
```
#00383c rgb(0,56,60)
```
#004a50
```
#004a50 rgb(0,74,80)
```
#005c64
```
#005c64 rgb(0,92,100)
```
#006e77
```
#006e77 rgb(0,110,119)
```
#00808b
```
#00808b rgb(0,128,139)
```
#00929e
```
#00929e rgb(0,146,158)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```
#00b6c6
```
#00b6c6 rgb(0,182,198)
```
#00c8d9
```
#00c8d9 rgb(0,200,217)
```
#00daed
```
#00daed rgb(0,218,237)
```

Shade Color Variation

#01ebff
```
#01ebff rgb(1,235,255)
```
#15edff
```
#15edff rgb(21,237,255)
```
#29eeff
```
#29eeff rgb(41,238,255)
```
#3cf0ff
```
#3cf0ff rgb(60,240,255)
```
#50f1ff
```
#50f1ff rgb(80,241,255)
```
#64f3ff
```
#64f3ff rgb(100,243,255)
```
#77f4ff
```
#77f4ff rgb(119,244,255)
```
#8bf6ff
```
#8bf6ff rgb(139,246,255)
```
#9ef7ff
```
#9ef7ff rgb(158,247,255)
```
#b2f9ff
```
#b2f9ff rgb(178,249,255)
```
#c6faff
```
#c6faff rgb(198,250,255)
```
#d9fcff
```
#d9fcff rgb(217,252,255)
```
#edfeff
```
#edfeff rgb(237,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525f60 is the less saturated color, while #00a4b2 is the most saturated one.

#525f60
```
#525f60 rgb(82,95,96)
```
#4b6567
```
#4b6567 rgb(75,101,103)
```
#446a6e
```
#446a6e rgb(68,106,110)
```
#3e7074
```
#3e7074 rgb(62,112,116)
```
#37767b
```
#37767b rgb(55,118,123)
```
#307c82
```
#307c82 rgb(48,124,130)
```
#298189
```
#298189 rgb(41,129,137)
```
#228790
```
#228790 rgb(34,135,144)
```
#1b8d97
```
#1b8d97 rgb(27,141,151)
```
#15939d
```
#15939d rgb(21,147,157)
```
#0e98a4
```
#0e98a4 rgb(14,152,164)
```
#079eab
```
#079eab rgb(7,158,171)
```
#00a4b2
```
#00a4b2 rgb(0,164,178)
```

Tone Color Variation

Below, you can see how #00a4b2 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

#757575 Achromatopsia 0.005% of the population
#5e7e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9698ac Protanopia 1% of men
#9597bc Deuteranopia 1% of men
#00a8b5 Tritanopia 0.001% of the population

Trichromacy

#5f9cae Protanomaly 1% of men, 0.01% of women
#5e9bb8 Deuteranomaly 6% of men, 0.4% of women
#00a7b4 Tritanomaly 0.01% of the population

#00a4b2 hex color

#00a4b2 Color Information

#00a4b2 Color Conversion

Color Schemes with #00a4b2

Alternatives to #00a4b2

#00a4b2 Preview

Shades and Tints of #00a4b2

Tones of #00a4b2

Color Blindness Simulator