#01a7b4 hex color

In a RGB color space, hex #01a7b4 is composed of 0.4% red, 65.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 99.4% cyan, 7.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 184.4 degrees, a saturation of 98.9% and a lightness of 35.5%. #01a7b4 color hex could be obtained by blending #02ffff with #004f69. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 65
- B 71
RGB color chart
- C 99
- M 7
- Y 0
- K 29
CMYK color chart

● #01a7b4 color description : Strong cyan.

The hexadecimal color #01a7b4 has RGB values of R:1, G:167, B:180 and CMYK values of C:0.99, M:0.07, Y:0, K:0.29. Its decimal value is 108468.

Hex triplet	01a7b4	`#01a7b4`
RGB Decimal	1, 167, 180	`rgb(1,167,180)`
RGB Percent	0.4, 65.5, 70.6	`rgb(0.4%,65.5%,70.6%)`
CMYK	99, 7, 0, 29
HSL	184.4°, 98.9, 35.5	`hsl(184.4,98.9%,35.5%)`
HSV (or HSB)	184.4°, 99.4, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.454, -30.859, -16.934
XYZ	22.067, 30.937, 47.986
xyY	0.219, 0.306, 30.937
CIE-LCH	62.454, 35.2, 208.756
CIE-LUV	62.454, -46.887, -21.463
Hunter-Lab	55.621, -26.519, -12.217
Binary	00000001, 10100111, 10110100

#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#b40e01
```
#b40e01 rgb(180,14,1)
```

Complementary Color

#01b468
```
#01b468 rgb(1,180,104)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#014eb4
```
#014eb4 rgb(1,78,180)
```

Analogous Color

#b46801
```
#b46801 rgb(180,104,1)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#b4014d
```
#b4014d rgb(180,1,77)
```

Split Complementary Color

#a7b401
```
#a7b401 rgb(167,180,1)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#b401a7
```
#b401a7 rgb(180,1,167)
```

Triadic Color

#01b40e
```
#01b40e rgb(1,180,14)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#b401a7
```
#b401a7 rgb(180,1,167)
```
#b40e01
```
#b40e01 rgb(180,14,1)
```

Tetradic Color

#016068
```
#016068 rgb(1,96,104)
```
#017881
```
#017881 rgb(1,120,129)
```
#018f9b
```
#018f9b rgb(1,143,155)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#01bfcd
```
#01bfcd rgb(1,191,205)
```
#01d6e7
```
#01d6e7 rgb(1,214,231)
```
#04ebfe
```
#04ebfe rgb(4,235,254)
```

Monochromatic Color

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

#01b494
```
#01b494 rgb(1,180,148)
```
#01b4a3
```
#01b4a3 rgb(1,180,163)
```
#01b4b2
```
#01b4b2 rgb(1,180,178)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#0198b4
```
#0198b4 rgb(1,152,180)
```
#0189b4
```
#0189b4 rgb(1,137,180)
```
#017ab4
```
#017ab4 rgb(1,122,180)
```

Similar Colors

Text with hexadecimal color #01a7b4

This text has a font color of #01a7b4.

<span style="color:#01a7b4;">Text here</span>

#01a7b4 background color

This paragraph has a background color of #01a7b4.

<p style="background-color:#01a7b4;">Content here</p>

#01a7b4 border color

This element has a border color of #01a7b4.

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

CSS codes

.text {color:#01a7b4;}

.background {background-color:#01a7b4;}

.border {border:1px solid #01a7b4;}

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)
```
#00282b
```
#00282b rgb(0,40,43)
```
#003a3f
```
#003a3f rgb(0,58,63)
```
#004d52
```
#004d52 rgb(0,77,82)
```
#015f66
```
#015f66 rgb(1,95,102)
```
#017179
```
#017179 rgb(1,113,121)
```
#01838d
```
#01838d rgb(1,131,141)
```
#0195a0
```
#0195a0 rgb(1,149,160)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```
#01b9c8
```
#01b9c8 rgb(1,185,200)
```
#01cbdb
```
#01cbdb rgb(1,203,219)
```
#01ddef
```
#01ddef rgb(1,221,239)
```

Shade Color Variation

#06ecfe
```
#06ecfe rgb(6,236,254)
```
#19edfe
```
#19edfe rgb(25,237,254)
```
#2deffe
```
#2deffe rgb(45,239,254)
```
#40f0fe
```
#40f0fe rgb(64,240,254)
```
#54f2fe
```
#54f2fe rgb(84,242,254)
```
#67f3fe
```
#67f3fe rgb(103,243,254)
```
#7bf5fe
```
#7bf5fe rgb(123,245,254)
```
#8ef6fe
```
#8ef6fe rgb(142,246,254)
```
#a2f8fe
```
#a2f8fe rgb(162,248,254)
```
#b5f9ff
```
#b5f9ff rgb(181,249,255)
```
#c9fbff
```
#c9fbff rgb(201,251,255)
```
#dcfcff
```
#dcfcff rgb(220,252,255)
```
#f0feff
```
#f0feff rgb(240,254,255)
```

Tint Color Variation

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

#556060
```
#556060 rgb(85,96,96)
```
#4e6667
```
#4e6667 rgb(78,102,103)
```
#476b6e
```
#476b6e rgb(71,107,110)
```
#407175
```
#407175 rgb(64,113,117)
```
#39777c
```
#39777c rgb(57,119,124)
```
#327d83
```
#327d83 rgb(50,125,131)
```
#2b838a
```
#2b838a rgb(43,131,138)
```
#248991
```
#248991 rgb(36,137,145)
```
#1d8f98
```
#1d8f98 rgb(29,143,152)
```
#16959f
```
#16959f rgb(22,149,159)
```
#0f9ba6
```
#0f9ba6 rgb(15,155,166)
```
#08a1ad
```
#08a1ad rgb(8,161,173)
```
#01a7b4
```
#01a7b4 rgb(1,167,180)
```

Tone Color Variation

Below, you can see how #01a7b4 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

#777777 Achromatopsia 0.005% of the population
#5f8183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999bae Protanopia 1% of men
#9899be Deuteranopia 1% of men
#0babb8 Tritanopia 0.001% of the population

Trichromacy

#629fb0 Protanomaly 1% of men, 0.01% of women
#619eba Deuteranomaly 6% of men, 0.4% of women
#07a9b6 Tritanomaly 0.01% of the population

#01a7b4 hex color

#01a7b4 Color Information

#01a7b4 Color Conversion

Color Schemes with #01a7b4

Alternatives to #01a7b4

#01a7b4 Preview

Shades and Tints of #01a7b4

Tones of #01a7b4

Color Blindness Simulator