#00a5bd hex color

In a RGB color space, hex #00a5bd is composed of 0% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 187.6 degrees, a saturation of 100% and a lightness of 37.1%. #00a5bd color hex could be obtained by blending #00ffff with #004b7b. Closest websafe color is: #0099cc.

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

● #00a5bd color description : Strong cyan.

The hexadecimal color #00a5bd has RGB values of R:0, G:165, B:189 and CMYK values of C:1, M:0.13, Y:0, K:0.26. Its decimal value is 42429.

Hex triplet	00a5bd	`#00a5bd`
RGB Decimal	0, 165, 189	`rgb(0,165,189)`
RGB Percent	0, 64.7, 74.1	`rgb(0%,64.7%,74.1%)`
CMYK	100, 13, 0, 26
HSL	187.6°, 100, 37.1	`hsl(187.6,100%,37.1%)`
HSV (or HSB)	187.6°, 100, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.153, -26.934, -22.432
XYZ	22.638, 30.582, 52.851
xyY	0.213, 0.288, 30.582
CIE-LCH	62.153, 35.052, 219.79
CIE-LUV	62.153, -45.519, -30.884
Hunter-Lab	55.301, -23.707, -17.953
Binary	00000000, 10100101, 10111101

#00a5bd
```
#00a5bd rgb(0,165,189)
```
#bd1800
```
#bd1800 rgb(189,24,0)
```

Complementary Color

#00bd77
```
#00bd77 rgb(0,189,119)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```
#0046bd
```
#0046bd rgb(0,70,189)
```

Analogous Color

#bd7700
```
#bd7700 rgb(189,119,0)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```
#bd0047
```
#bd0047 rgb(189,0,71)
```

Split Complementary Color

#a5bd00
```
#a5bd00 rgb(165,189,0)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```
#bd00a5
```
#bd00a5 rgb(189,0,165)
```

Triadic Color

#00bd18
```
#00bd18 rgb(0,189,24)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```
#bd00a5
```
#bd00a5 rgb(189,0,165)
```
#bd1800
```
#bd1800 rgb(189,24,0)
```

Tetradic Color

#006271
```
#006271 rgb(0,98,113)
```
#00788a
```
#00788a rgb(0,120,138)
```
#008fa4
```
#008fa4 rgb(0,143,164)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```
#00bbd7
```
#00bbd7 rgb(0,187,215)
```
#00d2f0
```
#00d2f0 rgb(0,210,240)
```
#0be0ff
```
#0be0ff rgb(11,224,255)
```

Monochromatic Color

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

#00bda6
```
#00bda6 rgb(0,189,166)
```
#00bdb6
```
#00bdb6 rgb(0,189,182)
```
#00b5bd
```
#00b5bd rgb(0,181,189)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```
#0095bd
```
#0095bd rgb(0,149,189)
```
#0086bd
```
#0086bd rgb(0,134,189)
```
#0076bd
```
#0076bd rgb(0,118,189)
```

Similar Colors

Text with hexadecimal color #00a5bd

This text has a font color of #00a5bd.

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

#00a5bd background color

This paragraph has a background color of #00a5bd.

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

#00a5bd border color

This element has a border color of #00a5bd.

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

CSS codes

.text {color:#00a5bd;}

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

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

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)
```
#002d34
```
#002d34 rgb(0,45,52)
```
#003e47
```
#003e47 rgb(0,62,71)
```
#004f5b
```
#004f5b rgb(0,79,91)
```
#00616f
```
#00616f rgb(0,97,111)
```
#007282
```
#007282 rgb(0,114,130)
```
#008396
```
#008396 rgb(0,131,150)
```
#0094a9
```
#0094a9 rgb(0,148,169)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```
#00b6d1
```
#00b6d1 rgb(0,182,209)
```
#00c7e4
```
#00c7e4 rgb(0,199,228)
```
#00d8f8
```
#00d8f8 rgb(0,216,248)
```

Shade Color Variation

#0ce0ff
```
#0ce0ff rgb(12,224,255)
```
#20e3ff
```
#20e3ff rgb(32,227,255)
```
#34e5ff
```
#34e5ff rgb(52,229,255)
```
#47e8ff
```
#47e8ff rgb(71,232,255)
```
#5beaff
```
#5beaff rgb(91,234,255)
```
#6fedff
```
#6fedff rgb(111,237,255)
```
#82efff
```
#82efff rgb(130,239,255)
```
#96f2ff
```
#96f2ff rgb(150,242,255)
```
#a9f4ff
```
#a9f4ff rgb(169,244,255)
```
#bdf7ff
```
#bdf7ff rgb(189,247,255)
```
#d1f9ff
```
#d1f9ff rgb(209,249,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, #576466 is the less saturated color, while #00a5bd is the most saturated one.

#576466
```
#576466 rgb(87,100,102)
```
#50696d
```
#50696d rgb(80,105,109)
```
#496f74
```
#496f74 rgb(73,111,116)
```
#41747c
```
#41747c rgb(65,116,124)
```
#3a7a83
```
#3a7a83 rgb(58,122,131)
```
#337f8a
```
#337f8a rgb(51,127,138)
```
#2c8491
```
#2c8491 rgb(44,132,145)
```
#248a99
```
#248a99 rgb(36,138,153)
```
#1d8fa0
```
#1d8fa0 rgb(29,143,160)
```
#1695a7
```
#1695a7 rgb(22,149,167)
```
#0f9aae
```
#0f9aae rgb(15,154,174)
```
#07a0b6
```
#07a0b6 rgb(7,160,182)
```
#00a5bd
```
#00a5bd rgb(0,165,189)
```

Tone Color Variation

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

#959ab6 Protanopia 1% of men
#9199c6 Deuteranopia 1% of men
#00aab7 Tritanopia 0.001% of the population

Trichromacy

#5f9eb9 Protanomaly 1% of men, 0.01% of women
#5c9dc3 Deuteranomaly 6% of men, 0.4% of women
#00a8b9 Tritanomaly 0.01% of the population

#00a5bd hex color

#00a5bd Color Information

#00a5bd Color Conversion

Color Schemes with #00a5bd

Alternatives to #00a5bd

#00a5bd Preview

Shades and Tints of #00a5bd

Tones of #00a5bd

Color Blindness Simulator