#00a4bc hex color

In a RGB color space, hex #00a4bc is composed of 0% red, 64.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 12.8% magenta, 0% yellow and 26.3% black. It has a hue angle of 187.7 degrees, a saturation of 100% and a lightness of 36.9%. #00a4bc color hex could be obtained by blending #00ffff with #004979. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 64
- B 74
RGB color chart
- C 100
- M 13
- Y 0
- K 26
CMYK color chart

● #00a4bc color description : Strong cyan.

The hexadecimal color #00a4bc has RGB values of R:0, G:164, B:188 and CMYK values of C:1, M:0.13, Y:0, K:0.26. Its decimal value is 42172.

Hex triplet	00a4bc	`#00a4bc`
RGB Decimal	0, 164, 188	`rgb(0,164,188)`
RGB Percent	0, 64.3, 73.7	`rgb(0%,64.3%,73.7%)`
CMYK	100, 13, 0, 26
HSL	187.7°, 100, 36.9	`hsl(187.7,100%,36.9%)`
HSV (or HSB)	187.7°, 100, 73.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.809, -26.768, -22.399
XYZ	22.35, 30.179, 52.221
xyY	0.213, 0.288, 30.179
CIE-LCH	61.809, 34.904, 219.922
CIE-LUV	61.809, -45.253, -30.827
Hunter-Lab	54.936, -23.517, -17.905
Binary	00000000, 10100100, 10111100

#00a4bc
```
#00a4bc rgb(0,164,188)
```
#bc1800
```
#bc1800 rgb(188,24,0)
```

Complementary Color

#00bc76
```
#00bc76 rgb(0,188,118)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```
#0046bc
```
#0046bc rgb(0,70,188)
```

Analogous Color

#bc7600
```
#bc7600 rgb(188,118,0)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```
#bc0046
```
#bc0046 rgb(188,0,70)
```

Split Complementary Color

#a4bc00
```
#a4bc00 rgb(164,188,0)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```
#bc00a4
```
#bc00a4 rgb(188,0,164)
```

Triadic Color

#00bc18
```
#00bc18 rgb(0,188,24)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```
#bc00a4
```
#bc00a4 rgb(188,0,164)
```
#bc1800
```
#bc1800 rgb(188,24,0)
```

Tetradic Color

#006170
```
#006170 rgb(0,97,112)
```
#007889
```
#007889 rgb(0,120,137)
```
#008ea3
```
#008ea3 rgb(0,142,163)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```
#00bad6
```
#00bad6 rgb(0,186,214)
```
#00d0ef
```
#00d0ef rgb(0,208,239)
```
#0ae0ff
```
#0ae0ff rgb(10,224,255)
```

Monochromatic Color

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

#00bca5
```
#00bca5 rgb(0,188,165)
```
#00bcb5
```
#00bcb5 rgb(0,188,181)
```
#00b4bc
```
#00b4bc rgb(0,180,188)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```
#0094bc
```
#0094bc rgb(0,148,188)
```
#0085bc
```
#0085bc rgb(0,133,188)
```
#0075bc
```
#0075bc rgb(0,117,188)
```

Similar Colors

Text with hexadecimal color #00a4bc

This text has a font color of #00a4bc.

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

#00a4bc background color

This paragraph has a background color of #00a4bc.

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

#00a4bc border color

This element has a border color of #00a4bc.

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

CSS codes

.text {color:#00a4bc;}

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

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

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

#000a0b
```
#000a0b rgb(0,10,11)
```
#001b1f
```
#001b1f rgb(0,27,31)
```
#002c33
```
#002c33 rgb(0,44,51)
```
#003d46
```
#003d46 rgb(0,61,70)
```
#004e5a
```
#004e5a rgb(0,78,90)
```
#00606e
```
#00606e rgb(0,96,110)
```
#007181
```
#007181 rgb(0,113,129)
```
#008295
```
#008295 rgb(0,130,149)
```
#0093a8
```
#0093a8 rgb(0,147,168)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```
#00b5d0
```
#00b5d0 rgb(0,181,208)
```
#00c6e3
```
#00c6e3 rgb(0,198,227)
```
#00d7f7
```
#00d7f7 rgb(0,215,247)
```

Shade Color Variation

#0be0ff
```
#0be0ff rgb(11,224,255)
```
#1fe2ff
```
#1fe2ff rgb(31,226,255)
```
#33e5ff
```
#33e5ff rgb(51,229,255)
```
#46e7ff
```
#46e7ff rgb(70,231,255)
```
#5aeaff
```
#5aeaff rgb(90,234,255)
```
#6eecff
```
#6eecff rgb(110,236,255)
```
#81efff
```
#81efff rgb(129,239,255)
```
#95f1ff
```
#95f1ff rgb(149,241,255)
```
#a8f4ff
```
#a8f4ff rgb(168,244,255)
```
#bcf6ff
```
#bcf6ff rgb(188,246,255)
```
#d0f9ff
```
#d0f9ff rgb(208,249,255)
```
#e3fbff
```
#e3fbff rgb(227,251,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#576365
```
#576365 rgb(87,99,101)
```
#50696c
```
#50696c rgb(80,105,108)
```
#486e74
```
#486e74 rgb(72,110,116)
```
#41747b
```
#41747b rgb(65,116,123)
```
#3a7982
```
#3a7982 rgb(58,121,130)
```
#337e89
```
#337e89 rgb(51,126,137)
```
#2b8491
```
#2b8491 rgb(43,132,145)
```
#248998
```
#248998 rgb(36,137,152)
```
#1d8e9f
```
#1d8e9f rgb(29,142,159)
```
#1694a6
```
#1694a6 rgb(22,148,166)
```
#0e99ae
```
#0e99ae rgb(14,153,174)
```
#079fb5
```
#079fb5 rgb(7,159,181)
```
#00a4bc
```
#00a4bc rgb(0,164,188)
```

Tone Color Variation

Below, you can see how #00a4bc 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
#5e7f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9499b5 Protanopia 1% of men
#9098c5 Deuteranopia 1% of men
#00a9b6 Tritanopia 0.001% of the population

Trichromacy

#5e9db8 Protanomaly 1% of men, 0.01% of women
#5b9cc2 Deuteranomaly 6% of men, 0.4% of women
#00a7b8 Tritanomaly 0.01% of the population

#00a4bc hex color

#00a4bc Color Information

#00a4bc Color Conversion

Color Schemes with #00a4bc

Alternatives to #00a4bc

#00a4bc Preview

Shades and Tints of #00a4bc

Tones of #00a4bc

Color Blindness Simulator