#04a2be hex color

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

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

● #04a2be color description : Strong cyan.

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

Hex triplet	04a2be	`#04a2be`
RGB Decimal	4, 162, 190	`rgb(4,162,190)`
RGB Percent	1.6, 63.5, 74.5	`rgb(1.6%,63.5%,74.5%)`
CMYK	98, 15, 0, 25
HSL	189°, 95.9, 38	`hsl(189,95.9%,38%)`
HSV (or HSB)	189°, 97.9, 74.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.292, -24.945, -24.311
XYZ	22.262, 29.582, 53.249
xyY	0.212, 0.281, 29.582
CIE-LCH	61.292, 34.832, 224.262
CIE-LUV	61.292, -44.246, -34.15
Hunter-Lab	54.389, -22.119, -19.974
Binary	00000100, 10100010, 10111110

#04a2be
```
#04a2be rgb(4,162,190)
```
#be2004
```
#be2004 rgb(190,32,4)
```

Complementary Color

#04be7d
```
#04be7d rgb(4,190,125)
```
#04a2be
```
#04a2be rgb(4,162,190)
```
#0445be
```
#0445be rgb(4,69,190)
```

Analogous Color

#be7d04
```
#be7d04 rgb(190,125,4)
```
#04a2be
```
#04a2be rgb(4,162,190)
```
#be0445
```
#be0445 rgb(190,4,69)
```

Split Complementary Color

#a2be04
```
#a2be04 rgb(162,190,4)
```
#04a2be
```
#04a2be rgb(4,162,190)
```
#be04a2
```
#be04a2 rgb(190,4,162)
```

Triadic Color

#04be20
```
#04be20 rgb(4,190,32)
```
#04a2be
```
#04a2be rgb(4,162,190)
```
#be04a2
```
#be04a2 rgb(190,4,162)
```
#be2004
```
#be2004 rgb(190,32,4)
```

Tetradic Color

#026273
```
#026273 rgb(2,98,115)
```
#03778c
```
#03778c rgb(3,119,140)
```
#038da5
```
#038da5 rgb(3,141,165)
```
#04a2be
```
#04a2be rgb(4,162,190)
```
#05b7d7
```
#05b7d7 rgb(5,183,215)
```
#05cdf0
```
#05cdf0 rgb(5,205,240)
```
#14d7fa
```
#14d7fa rgb(20,215,250)
```

Monochromatic Color

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

#04beac
```
#04beac rgb(4,190,172)
```
#04bebb
```
#04bebb rgb(4,190,187)
```
#04b2be
```
#04b2be rgb(4,178,190)
```
#04a2be
```
#04a2be rgb(4,162,190)
```
#0493be
```
#0493be rgb(4,147,190)
```
#0483be
```
#0483be rgb(4,131,190)
```
#0474be
```
#0474be rgb(4,116,190)
```

Similar Colors

Text with hexadecimal color #04a2be

This text has a font color of #04a2be.

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

#04a2be background color

This paragraph has a background color of #04a2be.

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

#04a2be border color

This element has a border color of #04a2be.

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

CSS codes

.text {color:#04a2be;}

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

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

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

#000f11
```
#000f11 rgb(0,15,17)
```
#011f24
```
#011f24 rgb(1,31,36)
```
#012f38
```
#012f38 rgb(1,47,56)
```
#02404b
```
#02404b rgb(2,64,75)
```
#02505e
```
#02505e rgb(2,80,94)
```
#026071
```
#026071 rgb(2,96,113)
```
#037184
```
#037184 rgb(3,113,132)
```
#038198
```
#038198 rgb(3,129,152)
```
#0492ab
```
#0492ab rgb(4,146,171)
```
#04a2be
```
#04a2be rgb(4,162,190)
```
#04b2d1
```
#04b2d1 rgb(4,178,209)
```
#05c3e4
```
#05c3e4 rgb(5,195,228)
```
#05d3f8
```
#05d3f8 rgb(5,211,248)
```

Shade Color Variation

#16d8fa
```
#16d8fa rgb(22,216,250)
```
#2adbfb
```
#2adbfb rgb(42,219,251)
```
#3ddefb
```
#3ddefb rgb(61,222,251)
```
#50e2fb
```
#50e2fb rgb(80,226,251)
```
#63e5fc
```
#63e5fc rgb(99,229,252)
```
#76e8fc
```
#76e8fc rgb(118,232,252)
```
#8aebfd
```
#8aebfd rgb(138,235,253)
```
#9deefd
```
#9deefd rgb(157,238,253)
```
#b0f2fd
```
#b0f2fd rgb(176,242,253)
```
#c3f5fe
```
#c3f5fe rgb(195,245,254)
```
#d6f8fe
```
#d6f8fe rgb(214,248,254)
```
#eafbff
```
#eafbff rgb(234,251,255)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#5e6364
```
#5e6364 rgb(94,99,100)
```
#56696c
```
#56696c rgb(86,105,108)
```
#4f6e73
```
#4f6e73 rgb(79,110,115)
```
#47737b
```
#47737b rgb(71,115,123)
```
#407882
```
#407882 rgb(64,120,130)
```
#387d8a
```
#387d8a rgb(56,125,138)
```
#318391
```
#318391 rgb(49,131,145)
```
#298899
```
#298899 rgb(41,136,153)
```
#228da0
```
#228da0 rgb(34,141,160)
```
#1a92a8
```
#1a92a8 rgb(26,146,168)
```
#1398af
```
#1398af rgb(19,152,175)
```
#0b9db7
```
#0b9db7 rgb(11,157,183)
```
#04a2be
```
#04a2be rgb(4,162,190)
```

Tone Color Variation

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

#5e9bba Protanomaly 1% of men, 0.01% of women
#5b9bc4 Deuteranomaly 6% of men, 0.4% of women
#01a6b7 Tritanomaly 0.01% of the population

#04a2be hex color

#04a2be Color Information

#04a2be Color Conversion

Color Schemes with #04a2be

Alternatives to #04a2be

#04a2be Preview

Shades and Tints of #04a2be

Tones of #04a2be

Color Blindness Simulator