#00a2b8 hex color

In a RGB color space, hex #00a2b8 is composed of 0% red, 63.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 12% magenta, 0% yellow and 27.8% black. It has a hue angle of 187.2 degrees, a saturation of 100% and a lightness of 36.1%. #00a2b8 color hex could be obtained by blending #00ffff with #004571. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 0
- G 64
- B 72
RGB color chart
- C 100
- M 12
- Y 0
- K 28
CMYK color chart

● #00a2b8 color description : Strong cyan.

The hexadecimal color #00a2b8 has RGB values of R:0, G:162, B:184 and CMYK values of C:1, M:0.12, Y:0, K:0.28. Its decimal value is 41656.

Hex triplet	00a2b8	`#00a2b8`
RGB Decimal	0, 162, 184	`rgb(0,162,184)`
RGB Percent	0, 63.5, 72.2	`rgb(0%,63.5%,72.2%)`
CMYK	100, 12, 0, 28
HSL	187.2°, 100, 36.1	`hsl(187.2,100%,36.1%)`
HSV (or HSB)	187.2°, 100, 72.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.045, -27.11, -21.324
XYZ	21.57, 29.299, 49.863
xyY	0.214, 0.291, 29.299
CIE-LCH	61.045, 34.491, 218.188
CIE-LUV	61.045, -44.877, -28.975
Hunter-Lab	54.129, -23.595, -16.728
Binary	00000000, 10100010, 10111000

#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#b81600
```
#b81600 rgb(184,22,0)
```

Complementary Color

#00b872
```
#00b872 rgb(0,184,114)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#0046b8
```
#0046b8 rgb(0,70,184)
```

Analogous Color

#b87200
```
#b87200 rgb(184,114,0)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#b80046
```
#b80046 rgb(184,0,70)
```

Split Complementary Color

#a2b800
```
#a2b800 rgb(162,184,0)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#b800a2
```
#b800a2 rgb(184,0,162)
```

Triadic Color

#00b816
```
#00b816 rgb(0,184,22)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#b800a2
```
#b800a2 rgb(184,0,162)
```
#b81600
```
#b81600 rgb(184,22,0)
```

Tetradic Color

#005f6c
```
#005f6c rgb(0,95,108)
```
#007585
```
#007585 rgb(0,117,133)
```
#008c9f
```
#008c9f rgb(0,140,159)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#00b8d2
```
#00b8d2 rgb(0,184,210)
```
#00cfeb
```
#00cfeb rgb(0,207,235)
```
#05e1ff
```
#05e1ff rgb(5,225,255)
```

Monochromatic Color

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

#00b8a0
```
#00b8a0 rgb(0,184,160)
```
#00b8af
```
#00b8af rgb(0,184,175)
```
#00b1b8
```
#00b1b8 rgb(0,177,184)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#0093b8
```
#0093b8 rgb(0,147,184)
```
#0083b8
```
#0083b8 rgb(0,131,184)
```
#0074b8
```
#0074b8 rgb(0,116,184)
```

Similar Colors

Text with hexadecimal color #00a2b8

This text has a font color of #00a2b8.

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

#00a2b8 background color

This paragraph has a background color of #00a2b8.

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

#00a2b8 border color

This element has a border color of #00a2b8.

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

CSS codes

.text {color:#00a2b8;}

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

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

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, #000707 is the darkest color, while #f3feff is the lightest one.

#000707
```
#000707 rgb(0,7,7)
```
#00181b
```
#00181b rgb(0,24,27)
```
#00292f
```
#00292f rgb(0,41,47)
```
#003a42
```
#003a42 rgb(0,58,66)
```
#004c56
```
#004c56 rgb(0,76,86)
```
#005d6a
```
#005d6a rgb(0,93,106)
```
#006e7d
```
#006e7d rgb(0,110,125)
```
#007f91
```
#007f91 rgb(0,127,145)
```
#0091a4
```
#0091a4 rgb(0,145,164)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```
#00b3cc
```
#00b3cc rgb(0,179,204)
```
#00c5df
```
#00c5df rgb(0,197,223)
```
#00d6f3
```
#00d6f3 rgb(0,214,243)
```

Shade Color Variation

#07e1ff
```
#07e1ff rgb(7,225,255)
```
#1be4ff
```
#1be4ff rgb(27,228,255)
```
#2fe6ff
```
#2fe6ff rgb(47,230,255)
```
#42e8ff
```
#42e8ff rgb(66,232,255)
```
#56ebff
```
#56ebff rgb(86,235,255)
```
#6aedff
```
#6aedff rgb(106,237,255)
```
#7defff
```
#7defff rgb(125,239,255)
```
#91f2ff
```
#91f2ff rgb(145,242,255)
```
#a4f4ff
```
#a4f4ff rgb(164,244,255)
```
#b8f7ff
```
#b8f7ff rgb(184,247,255)
```
#ccf9ff
```
#ccf9ff rgb(204,249,255)
```
#dffbff
```
#dffbff rgb(223,251,255)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#556163
```
#556163 rgb(85,97,99)
```
#4e676a
```
#4e676a rgb(78,103,106)
```
#476c71
```
#476c71 rgb(71,108,113)
```
#407278
```
#407278 rgb(64,114,120)
```
#39777f
```
#39777f rgb(57,119,127)
```
#327c86
```
#327c86 rgb(50,124,134)
```
#2a828e
```
#2a828e rgb(42,130,142)
```
#238795
```
#238795 rgb(35,135,149)
```
#1c8c9c
```
#1c8c9c rgb(28,140,156)
```
#1592a3
```
#1592a3 rgb(21,146,163)
```
#0e97aa
```
#0e97aa rgb(14,151,170)
```
#079db1
```
#079db1 rgb(7,157,177)
```
#00a2b8
```
#00a2b8 rgb(0,162,184)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5d7d82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9397b2 Protanopia 1% of men
#8f96c2 Deuteranopia 1% of men
#00a7b3 Tritanopia 0.001% of the population

Trichromacy

#5d9bb4 Protanomaly 1% of men, 0.01% of women
#5b9abe Deuteranomaly 6% of men, 0.4% of women
#00a5b5 Tritanomaly 0.01% of the population

#00a2b8 hex color

#00a2b8 Color Information

#00a2b8 Color Conversion

Color Schemes with #00a2b8

Alternatives to #00a2b8

#00a2b8 Preview

Shades and Tints of #00a2b8

Tones of #00a2b8

Color Blindness Simulator