#00a2be hex color

In a RGB color space, hex #00a2be is composed of 0% red, 63.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 14.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 188.8 degrees, a saturation of 100% and a lightness of 37.3%. #00a2be color hex could be obtained by blending #00ffff with #00457d. Closest websafe color is: #0099cc.

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

● #00a2be color description : Strong cyan.

The hexadecimal color #00a2be has RGB values of R:0, G:162, B:190 and CMYK values of C:1, M:0.15, Y:0, K:0.25. Its decimal value is 41662.

Hex triplet	00a2be	`#00a2be`
RGB Decimal	0, 162, 190	`rgb(0,162,190)`
RGB Percent	0, 63.5, 74.5	`rgb(0%,63.5%,74.5%)`
CMYK	100, 15, 0, 25
HSL	188.8°, 100, 37.3	`hsl(188.8,100%,37.3%)`
HSV (or HSB)	188.8°, 100, 74.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.269, -25.079, -24.347
XYZ	22.212, 29.556, 53.247
xyY	0.212, 0.281, 29.556
CIE-LCH	61.269, 34.954, 224.151
CIE-LUV	61.269, -44.405, -34.192
Hunter-Lab	54.366, -22.21, -20.014
Binary	00000000, 10100010, 10111110

#00a2be
```
#00a2be rgb(0,162,190)
```
#be1c00
```
#be1c00 rgb(190,28,0)
```

Complementary Color

#00be7b
```
#00be7b rgb(0,190,123)
```
#00a2be
```
#00a2be rgb(0,162,190)
```
#0043be
```
#0043be rgb(0,67,190)
```

Analogous Color

#be7b00
```
#be7b00 rgb(190,123,0)
```
#00a2be
```
#00a2be rgb(0,162,190)
```
#be0043
```
#be0043 rgb(190,0,67)
```

Split Complementary Color

#a2be00
```
#a2be00 rgb(162,190,0)
```
#00a2be
```
#00a2be rgb(0,162,190)
```
#be00a2
```
#be00a2 rgb(190,0,162)
```

Triadic Color

#00be1c
```
#00be1c rgb(0,190,28)
```
#00a2be
```
#00a2be rgb(0,162,190)
```
#be00a2
```
#be00a2 rgb(190,0,162)
```
#be1c00
```
#be1c00 rgb(190,28,0)
```

Tetradic Color

#006172
```
#006172 rgb(0,97,114)
```
#00778b
```
#00778b rgb(0,119,139)
```
#008ca5
```
#008ca5 rgb(0,140,165)
```
#00a2be
```
#00a2be rgb(0,162,190)
```
#00b8d8
```
#00b8d8 rgb(0,184,216)
```
#00cdf1
```
#00cdf1 rgb(0,205,241)
```
#0cdbff
```
#0cdbff rgb(12,219,255)
```

Monochromatic Color

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

#00beab
```
#00beab rgb(0,190,171)
```
#00beba
```
#00beba rgb(0,190,186)
```
#00b2be
```
#00b2be rgb(0,178,190)
```
#00a2be
```
#00a2be rgb(0,162,190)
```
#0092be
```
#0092be rgb(0,146,190)
```
#0082be
```
#0082be rgb(0,130,190)
```
#0073be
```
#0073be rgb(0,115,190)
```

Similar Colors

Text with hexadecimal color #00a2be

This text has a font color of #00a2be.

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

#00a2be background color

This paragraph has a background color of #00a2be.

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

#00a2be border color

This element has a border color of #00a2be.

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

CSS codes

.text {color:#00a2be;}

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

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

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

#000b0d
```
#000b0d rgb(0,11,13)
```
#001c21
```
#001c21 rgb(0,28,33)
```
#002d35
```
#002d35 rgb(0,45,53)
```
#003e48
```
#003e48 rgb(0,62,72)
```
#004e5c
```
#004e5c rgb(0,78,92)
```
#005f70
```
#005f70 rgb(0,95,112)
```
#007083
```
#007083 rgb(0,112,131)
```
#008197
```
#008197 rgb(0,129,151)
```
#0091aa
```
#0091aa rgb(0,145,170)
```
#00a2be
```
#00a2be rgb(0,162,190)
```
#00b3d2
```
#00b3d2 rgb(0,179,210)
```
#00c3e5
```
#00c3e5 rgb(0,195,229)
```
#00d4f9
```
#00d4f9 rgb(0,212,249)
```

Shade Color Variation

#0ddbff
```
#0ddbff rgb(13,219,255)
```
#21deff
```
#21deff rgb(33,222,255)
```
#35e1ff
```
#35e1ff rgb(53,225,255)
```
#48e4ff
```
#48e4ff rgb(72,228,255)
```
#5ce7ff
```
#5ce7ff rgb(92,231,255)
```
#70eaff
```
#70eaff rgb(112,234,255)
```
#83edff
```
#83edff rgb(131,237,255)
```
#97f0ff
```
#97f0ff rgb(151,240,255)
```
#aaf3ff
```
#aaf3ff rgb(170,243,255)
```
#bef5ff
```
#bef5ff rgb(190,245,255)
```
#d2f8ff
```
#d2f8ff rgb(210,248,255)
```
#e5fbff
```
#e5fbff rgb(229,251,255)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#586466
```
#586466 rgb(88,100,102)
```
#50696e
```
#50696e rgb(80,105,110)
```
#496e75
```
#496e75 rgb(73,110,117)
```
#42747c
```
#42747c rgb(66,116,124)
```
#3a7984
```
#3a7984 rgb(58,121,132)
```
#337e8b
```
#337e8b rgb(51,126,139)
```
#2c8392
```
#2c8392 rgb(44,131,146)
```
#258899
```
#258899 rgb(37,136,153)
```
#1d8da1
```
#1d8da1 rgb(29,141,161)
```
#1693a8
```
#1693a8 rgb(22,147,168)
```
#0f98af
```
#0f98af rgb(15,152,175)
```
#079db7
```
#079db7 rgb(7,157,183)
```
#00a2be
```
#00a2be rgb(0,162,190)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#5e7e84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9198b7 Protanopia 1% of men
#8c97c7 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#5c9bba Protanomaly 1% of men, 0.01% of women
#599bc4 Deuteranomaly 6% of men, 0.4% of women
#00a6b7 Tritanomaly 0.01% of the population

#00a2be hex color

#00a2be Color Information

#00a2be Color Conversion

Color Schemes with #00a2be

Alternatives to #00a2be

#00a2be Preview

Shades and Tints of #00a2be

Tones of #00a2be

Color Blindness Simulator