#02a5c8 hex color

In a RGB color space, hex #02a5c8 is composed of 0.8% red, 64.7% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 17.5% magenta, 0% yellow and 21.6% black. It has a hue angle of 190.6 degrees, a saturation of 98% and a lightness of 39.6%. #02a5c8 color hex could be obtained by blending #04ffff with #004b91. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 65
- B 78
RGB color chart
- C 99
- M 18
- Y 0
- K 22
CMYK color chart

● #02a5c8 color description : Strong cyan.

The hexadecimal color #02a5c8 has RGB values of R:2, G:165, B:200 and CMYK values of C:0.99, M:0.18, Y:0, K:0.22. Its decimal value is 173512.

Hex triplet	02a5c8	`#02a5c8`
RGB Decimal	2, 165, 200	`rgb(2,165,200)`
RGB Percent	0.8, 64.7, 78.4	`rgb(0.8%,64.7%,78.4%)`
CMYK	99, 18, 0, 22
HSL	190.6°, 98, 39.6	`hsl(190.6,98%,39.6%)`
HSV (or HSB)	190.6°, 99, 78.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.584, -23.124, -27.913
XYZ	23.903, 31.091, 59.382
xyY	0.209, 0.272, 31.091
CIE-LCH	62.584, 36.247, 230.361
CIE-LUV	62.584, -44.584, -40.44
Hunter-Lab	55.759, -21.06, -24.11
Binary	00000010, 10100101, 11001000

#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#c82502
```
#c82502 rgb(200,37,2)
```

Complementary Color

#02c888
```
#02c888 rgb(2,200,136)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#0242c8
```
#0242c8 rgb(2,66,200)
```

Analogous Color

#c88802
```
#c88802 rgb(200,136,2)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#c80242
```
#c80242 rgb(200,2,66)
```

Split Complementary Color

#a5c802
```
#a5c802 rgb(165,200,2)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#c802a5
```
#c802a5 rgb(200,2,165)
```

Triadic Color

#02c825
```
#02c825 rgb(2,200,37)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#c802a5
```
#c802a5 rgb(200,2,165)
```
#c82502
```
#c82502 rgb(200,37,2)
```

Tetradic Color

#01677c
```
#01677c rgb(1,103,124)
```
#017b96
```
#017b96 rgb(1,123,150)
```
#0290af
```
#0290af rgb(2,144,175)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#02bae1
```
#02bae1 rgb(2,186,225)
```
#03cffa
```
#03cffa rgb(3,207,250)
```
#1ad5fd
```
#1ad5fd rgb(26,213,253)
```

Monochromatic Color

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

#02c8ba
```
#02c8ba rgb(2,200,186)
```
#02c6c8
```
#02c6c8 rgb(2,198,200)
```
#02b6c8
```
#02b6c8 rgb(2,182,200)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#0295c8
```
#0295c8 rgb(2,149,200)
```
#0284c8
```
#0284c8 rgb(2,132,200)
```
#0274c8
```
#0274c8 rgb(2,116,200)
```

Similar Colors

Text with hexadecimal color #02a5c8

This text has a font color of #02a5c8.

<span style="color:#02a5c8;">Text here</span>

#02a5c8 background color

This paragraph has a background color of #02a5c8.

<p style="background-color:#02a5c8;">Content here</p>

#02a5c8 border color

This element has a border color of #02a5c8.

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

CSS codes

.text {color:#02a5c8;}

.background {background-color:#02a5c8;}

.border {border:1px solid #02a5c8;}

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

#000506
```
#000506 rgb(0,5,6)
```
#001519
```
#001519 rgb(0,21,25)
```
#00252d
```
#00252d rgb(0,37,45)
```
#013540
```
#013540 rgb(1,53,64)
```
#014553
```
#014553 rgb(1,69,83)
```
#015567
```
#015567 rgb(1,85,103)
```
#01657a
```
#01657a rgb(1,101,122)
```
#01758e
```
#01758e rgb(1,117,142)
```
#0285a1
```
#0285a1 rgb(2,133,161)
```
#0295b5
```
#0295b5 rgb(2,149,181)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```
#02b5db
```
#02b5db rgb(2,181,219)
```
#02c5ef
```
#02c5ef rgb(2,197,239)
```

Shade Color Variation

#08d1fd
```
#08d1fd rgb(8,209,253)
```
#1cd5fd
```
#1cd5fd rgb(28,213,253)
```
#2fd9fd
```
#2fd9fd rgb(47,217,253)
```
#43dcfd
```
#43dcfd rgb(67,220,253)
```
#56e0fd
```
#56e0fd rgb(86,224,253)
```
#69e3fe
```
#69e3fe rgb(105,227,254)
```
#7de7fe
```
#7de7fe rgb(125,231,254)
```
#90ebfe
```
#90ebfe rgb(144,235,254)
```
#a4eefe
```
#a4eefe rgb(164,238,254)
```
#b7f2fe
```
#b7f2fe rgb(183,242,254)
```
#cbf5fe
```
#cbf5fe rgb(203,245,254)
```
#def9ff
```
#def9ff rgb(222,249,255)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#5f696b
```
#5f696b rgb(95,105,107)
```
#576e73
```
#576e73 rgb(87,110,115)
```
#50737a
```
#50737a rgb(80,115,122)
```
#487882
```
#487882 rgb(72,120,130)
```
#407d8a
```
#407d8a rgb(64,125,138)
```
#388292
```
#388292 rgb(56,130,146)
```
#318799
```
#318799 rgb(49,135,153)
```
#298ca1
```
#298ca1 rgb(41,140,161)
```
#2191a9
```
#2191a9 rgb(33,145,169)
```
#1996b1
```
#1996b1 rgb(25,150,177)
```
#129bb8
```
#129bb8 rgb(18,155,184)
```
#0aa0c0
```
#0aa0c0 rgb(10,160,192)
```
#02a5c8
```
#02a5c8 rgb(2,165,200)
```

Tone Color Variation

Below, you can see how #02a5c8 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
#608188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#929bc1 Protanopia 1% of men
#8b9ad0 Deuteranopia 1% of men
#00abb8 Tritanopia 0.001% of the population

Trichromacy

#5e9ec3 Protanomaly 1% of men, 0.01% of women
#599ecd Deuteranomaly 6% of men, 0.4% of women
#00a9bd Tritanomaly 0.01% of the population

#02a5c8 hex color

#02a5c8 Color Information

#02a5c8 Color Conversion

Color Schemes with #02a5c8

Alternatives to #02a5c8

#02a5c8 Preview

Shades and Tints of #02a5c8

Tones of #02a5c8

Color Blindness Simulator