colorhexa.com

#01a7bc hex color

In a RGB color space, hex #01a7bc is composed of 0.4% red, 65.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 11.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 186.7 degrees, a saturation of 98.9% and a lightness of 37.1%. #01a7bc color hex could be obtained by blending #02ffff with #004f79. Closest websafe color is: #0099cc.

- R 0
- G 65
- B 74
RGB color chart
- C 99
- M 11
- Y 0
- K 26
CMYK color chart

● #01a7bc color description : Strong cyan.

The hexadecimal color #01a7bc has RGB values of R:1, G:167, B:188 and CMYK values of C:0.99, M:0.11, Y:0, K:0.26. Its decimal value is 108476.

Hex triplet	01a7bc	`#01a7bc`
RGB Decimal	1, 167, 188	`rgb(1,167,188)`
RGB Percent	0.4, 65.5, 73.7	`rgb(0.4%,65.5%,73.7%)`
CMYK	99, 11, 0, 26
HSL	186.7°, 98.9, 37.1	`hsl(186.7,98.9%,37.1%)`
HSV (or HSB)	186.7°, 99.5, 73.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.737, -28.232, -20.98
XYZ	22.906, 31.272, 52.403
xyY	0.215, 0.293, 31.272
CIE-LCH	62.737, 35.174, 216.618
CIE-LUV	62.737, -46.25, -28.383
Hunter-Lab	55.922, -24.749, -16.414
Binary	00000001, 10100111, 10111100

#01a7bc
```
#01a7bc rgb(1,167,188)
```
#bc1601
```
#bc1601 rgb(188,22,1)
```

Complementary Color

#01bc74
```
#01bc74 rgb(1,188,116)
```
#01a7bc
```
#01a7bc rgb(1,167,188)
```
#014abc
```
#014abc rgb(1,74,188)
```

Analogous Color

#bc7401
```
#bc7401 rgb(188,116,1)
```
#01a7bc
```
#01a7bc rgb(1,167,188)
```
#bc014a
```
#bc014a rgb(188,1,74)
```

Split Complementary Color

#a7bc01
```
#a7bc01 rgb(167,188,1)
```
#01a7bc
```
#01a7bc rgb(1,167,188)
```
#bc01a7
```
#bc01a7 rgb(188,1,167)
```

Triadic Color

#016370
```
#016370 rgb(1,99,112)
```
#017a89
```
#017a89 rgb(1,122,137)
```
#0190a3
```
#0190a3 rgb(1,144,163)
```
#01a7bc
```
#01a7bc rgb(1,167,188)
```
#01bed5
```
#01bed5 rgb(1,190,213)
```
#01d4ef
```
#01d4ef rgb(1,212,239)
```
#0ce3fe
```
#0ce3fe rgb(12,227,254)
```

Monochromatic Color

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

#01bca2
```
#01bca2 rgb(1,188,162)
```
#01bcb2
```
#01bcb2 rgb(1,188,178)
```
#01b7bc
```
#01b7bc rgb(1,183,188)
```
#01a7bc
```
#01a7bc rgb(1,167,188)
```
#0197bc
```
#0197bc rgb(1,151,188)
```
#0188bc
```
#0188bc rgb(1,136,188)
```
#0178bc
```
#0178bc rgb(1,120,188)
```

Similar Colors

Text with hexadecimal color #01a7bc

This text has a font color of #01a7bc.

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

#01a7bc background color

This paragraph has a background color of #01a7bc.

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

#01a7bc border color

This element has a border color of #01a7bc.

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

CSS codes

.text {color:#01a7bc;}

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

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

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

#000b0c
```
#000b0c rgb(0,11,12)
```
#001c20
```
#001c20 rgb(0,28,32)
```
#002e33
```
#002e33 rgb(0,46,51)
```
#003f47
```
#003f47 rgb(0,63,71)
```
#00505a
```
#00505a rgb(0,80,90)
```
#01626e
```
#01626e rgb(1,98,110)
```
#017381
```
#017381 rgb(1,115,129)
```
#018495
```
#018495 rgb(1,132,149)
```
#0196a8
```
#0196a8 rgb(1,150,168)
```
#01a7bc
```
#01a7bc rgb(1,167,188)
```
#01b8d0
```
#01b8d0 rgb(1,184,208)
```
#01cae3
```
#01cae3 rgb(1,202,227)
```
#01dbf7
```
#01dbf7 rgb(1,219,247)
```

Shade Color Variation

#0ee3fe
```
#0ee3fe rgb(14,227,254)
```
#21e5fe
```
#21e5fe rgb(33,229,254)
```
#35e7fe
```
#35e7fe rgb(53,231,254)
```
#48eafe
```
#48eafe rgb(72,234,254)
```
#5cecfe
```
#5cecfe rgb(92,236,254)
```
#6feefe
```
#6feefe rgb(111,238,254)
```
#83f0fe
```
#83f0fe rgb(131,240,254)
```
#96f3fe
```
#96f3fe rgb(150,243,254)
```
#aaf5ff
```
#aaf5ff rgb(170,245,255)
```
#bdf7ff
```
#bdf7ff rgb(189,247,255)
```
#d1faff
```
#d1faff rgb(209,250,255)
```
#e4fcff
```
#e4fcff rgb(228,252,255)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#586365
```
#586365 rgb(88,99,101)
```
#51696c
```
#51696c rgb(81,105,108)
```
#4a6f73
```
#4a6f73 rgb(74,111,115)
```
#42747b
```
#42747b rgb(66,116,123)
```
#3b7a82
```
#3b7a82 rgb(59,122,130)
```
#348089
```
#348089 rgb(52,128,137)
```
#2d8590
```
#2d8590 rgb(45,133,144)
```
#258b98
```
#258b98 rgb(37,139,152)
```
#1e909f
```
#1e909f rgb(30,144,159)
```
#1796a6
```
#1796a6 rgb(23,150,166)
```
#109cad
```
#109cad rgb(16,156,173)
```
#08a1b5
```
#08a1b5 rgb(8,161,181)
```
#01a7bc
```
#01a7bc rgb(1,167,188)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#608186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#979bb5 Protanopia 1% of men
#949ac6 Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#609fb8 Protanomaly 1% of men, 0.01% of women
#5e9fc2 Deuteranomaly 6% of men, 0.4% of women
#00aab9 Tritanomaly 0.01% of the population