#00a4bf hex color

In a RGB color space, hex #00a4bf is composed of 0% red, 64.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 14.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 188.5 degrees, a saturation of 100% and a lightness of 37.5%. #00a4bf color hex could be obtained by blending #00ffff with #00497f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 64
- B 75
RGB color chart
- C 100
- M 14
- Y 0
- K 25
CMYK color chart

● #00a4bf color description : Strong cyan.

The hexadecimal color #00a4bf has RGB values of R:0, G:164, B:191 and CMYK values of C:1, M:0.14, Y:0, K:0.25. Its decimal value is 42175.

Hex triplet	00a4bf	`#00a4bf`
RGB Decimal	0, 164, 191	`rgb(0,164,191)`
RGB Percent	0, 64.3, 74.9	`rgb(0%,64.3%,74.9%)`
CMYK	100, 14, 0, 25
HSL	188.5°, 100, 37.5	`hsl(188.5,100%,37.5%)`
HSV (or HSB)	188.5°, 100, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.921, -25.755, -23.907
XYZ	22.677, 30.31, 53.943
xyY	0.212, 0.283, 30.31
CIE-LCH	61.921, 35.141, 222.869
CIE-LUV	61.921, -45.017, -33.436
Hunter-Lab	55.055, -22.822, -19.554
Binary	00000000, 10100100, 10111111

#00a4bf
```
#00a4bf rgb(0,164,191)
```
#bf1b00
```
#bf1b00 rgb(191,27,0)
```

Complementary Color

#00bf7b
```
#00bf7b rgb(0,191,123)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```
#0045bf
```
#0045bf rgb(0,69,191)
```

Analogous Color

#bf7b00
```
#bf7b00 rgb(191,123,0)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```
#bf0045
```
#bf0045 rgb(191,0,69)
```

Split Complementary Color

#a4bf00
```
#a4bf00 rgb(164,191,0)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```
#bf00a4
```
#bf00a4 rgb(191,0,164)
```

Triadic Color

#00bf1b
```
#00bf1b rgb(0,191,27)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```
#bf00a4
```
#bf00a4 rgb(191,0,164)
```
#bf1b00
```
#bf1b00 rgb(191,27,0)
```

Tetradic Color

#006273
```
#006273 rgb(0,98,115)
```
#00788c
```
#00788c rgb(0,120,140)
```
#008ea6
```
#008ea6 rgb(0,142,166)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```
#00bad9
```
#00bad9 rgb(0,186,217)
```
#00d0f2
```
#00d0f2 rgb(0,208,242)
```
#0dddff
```
#0dddff rgb(13,221,255)
```

Monochromatic Color

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

#00bfaa
```
#00bfaa rgb(0,191,170)
```
#00bfba
```
#00bfba rgb(0,191,186)
```
#00b4bf
```
#00b4bf rgb(0,180,191)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```
#0094bf
```
#0094bf rgb(0,148,191)
```
#0084bf
```
#0084bf rgb(0,132,191)
```
#0074bf
```
#0074bf rgb(0,116,191)
```

Similar Colors

Text with hexadecimal color #00a4bf

This text has a font color of #00a4bf.

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

#00a4bf background color

This paragraph has a background color of #00a4bf.

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

#00a4bf border color

This element has a border color of #00a4bf.

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

CSS codes

.text {color:#00a4bf;}

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

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

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

#000c0e
```
#000c0e rgb(0,12,14)
```
#001d22
```
#001d22 rgb(0,29,34)
```
#002e36
```
#002e36 rgb(0,46,54)
```
#003f49
```
#003f49 rgb(0,63,73)
```
#00505d
```
#00505d rgb(0,80,93)
```
#006171
```
#006171 rgb(0,97,113)
```
#007184
```
#007184 rgb(0,113,132)
```
#008298
```
#008298 rgb(0,130,152)
```
#0093ab
```
#0093ab rgb(0,147,171)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```
#00b5d3
```
#00b5d3 rgb(0,181,211)
```
#00c6e6
```
#00c6e6 rgb(0,198,230)
```
#00d7fa
```
#00d7fa rgb(0,215,250)
```

Shade Color Variation

#0eddff
```
#0eddff rgb(14,221,255)
```
#22e0ff
```
#22e0ff rgb(34,224,255)
```
#36e3ff
```
#36e3ff rgb(54,227,255)
```
#49e5ff
```
#49e5ff rgb(73,229,255)
```
#5de8ff
```
#5de8ff rgb(93,232,255)
```
#71ebff
```
#71ebff rgb(113,235,255)
```
#84eeff
```
#84eeff rgb(132,238,255)
```
#98f0ff
```
#98f0ff rgb(152,240,255)
```
#abf3ff
```
#abf3ff rgb(171,243,255)
```
#bff6ff
```
#bff6ff rgb(191,246,255)
```
#d3f9ff
```
#d3f9ff rgb(211,249,255)
```
#e6fbff
```
#e6fbff rgb(230,251,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#586567
```
#586567 rgb(88,101,103)
```
#516a6e
```
#516a6e rgb(81,106,110)
```
#496f76
```
#496f76 rgb(73,111,118)
```
#42757d
```
#42757d rgb(66,117,125)
```
#3b7a84
```
#3b7a84 rgb(59,122,132)
```
#337f8c
```
#337f8c rgb(51,127,140)
```
#2c8493
```
#2c8493 rgb(44,132,147)
```
#258a9a
```
#258a9a rgb(37,138,154)
```
#1d8fa2
```
#1d8fa2 rgb(29,143,162)
```
#1694a9
```
#1694a9 rgb(22,148,169)
```
#0f99b0
```
#0f99b0 rgb(15,153,176)
```
#079fb8
```
#079fb8 rgb(7,159,184)
```
#00a4bf
```
#00a4bf rgb(0,164,191)
```

Tone Color Variation

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

Dichromacy

#9399b8 Protanopia 1% of men
#8e98c8 Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#5e9dbb Protanomaly 1% of men, 0.01% of women
#5a9cc5 Deuteranomaly 6% of men, 0.4% of women
#00a7b9 Tritanomaly 0.01% of the population

#00a4bf hex color

#00a4bf Color Information

#00a4bf Color Conversion

Color Schemes with #00a4bf

Alternatives to #00a4bf

#00a4bf Preview

Shades and Tints of #00a4bf

Tones of #00a4bf

Color Blindness Simulator