#02a246 hex color

In a RGB color space, hex #02a246 is composed of 0.8% red, 63.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 0% magenta, 56.8% yellow and 36.5% black. It has a hue angle of 145.5 degrees, a saturation of 97.6% and a lightness of 32.2%. #02a246 color hex could be obtained by blending #04ff8c with #004500. Closest websafe color is: #009933.

♥
- f
- t
- g
- R 1
- G 64
- B 27
RGB color chart
- C 99
- M 0
- Y 57
- K 36
CMYK color chart

● #02a246 color description : Dark cyan - lime green.

The hexadecimal color #02a246 has RGB values of R:2, G:162, B:70 and CMYK values of C:0.99, M:0, Y:0.57, K:0.36. Its decimal value is 172614.

Hex triplet	02a246	`#02a246`
RGB Decimal	2, 162, 70	`rgb(2,162,70)`
RGB Percent	0.8, 63.5, 27.5	`rgb(0.8%,63.5%,27.5%)`
CMYK	99, 0, 57, 36
HSL	145.5°, 97.6, 32.2	`hsl(145.5,97.6%,32.2%)`
HSV (or HSB)	145.5°, 98.8, 63.5
Web Safe	009933	`#009933`

CIE-LAB	58.315, -55.953, 37.509
XYZ	14.05, 26.294, 10.129
xyY	0.278, 0.521, 26.294
CIE-LCH	58.315, 67.362, 146.164
CIE-LUV	58.315, -52.899, 53.757
Hunter-Lab	51.278, -40.828, 24.183
Binary	00000010, 10100010, 01000110

#02a246
```
#02a246 rgb(2,162,70)
```
#a2025e
```
#a2025e rgb(162,2,94)
```

Complementary Color

#0ea202
```
#0ea202 rgb(14,162,2)
```
#02a246
```
#02a246 rgb(2,162,70)
```
#02a296
```
#02a296 rgb(2,162,150)
```

Analogous Color

#a2020e
```
#a2020e rgb(162,2,14)
```
#02a246
```
#02a246 rgb(2,162,70)
```
#9602a2
```
#9602a2 rgb(150,2,162)
```

Split Complementary Color

#a24602
```
#a24602 rgb(162,70,2)
```
#02a246
```
#02a246 rgb(2,162,70)
```
#4602a2
```
#4602a2 rgb(70,2,162)
```

Triadic Color

#5ea202
```
#5ea202 rgb(94,162,2)
```
#02a246
```
#02a246 rgb(2,162,70)
```
#4602a2
```
#4602a2 rgb(70,2,162)
```
#a2025e
```
#a2025e rgb(162,2,94)
```

Tetradic Color

#015625
```
#015625 rgb(1,86,37)
```
#017030
```
#017030 rgb(1,112,48)
```
#02893b
```
#02893b rgb(2,137,59)
```
#02a246
```
#02a246 rgb(2,162,70)
```
#02bb51
```
#02bb51 rgb(2,187,81)
```
#03d45c
```
#03d45c rgb(3,212,92)
```
#03ee67
```
#03ee67 rgb(3,238,103)
```

Monochromatic Color

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

#02a21e
```
#02a21e rgb(2,162,30)
```
#02a22b
```
#02a22b rgb(2,162,43)
```
#02a239
```
#02a239 rgb(2,162,57)
```
#02a246
```
#02a246 rgb(2,162,70)
```
#02a253
```
#02a253 rgb(2,162,83)
```
#02a261
```
#02a261 rgb(2,162,97)
```
#02a26e
```
#02a26e rgb(2,162,110)
```

Similar Colors

Text with hexadecimal color #02a246

This text has a font color of #02a246.

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

#02a246 background color

This paragraph has a background color of #02a246.

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

#02a246 border color

This element has a border color of #02a246.

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

CSS codes

.text {color:#02a246;}

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

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

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

#000703
```
#000703 rgb(0,7,3)
```
#001a0b
```
#001a0b rgb(0,26,11)
```
#012e14
```
#012e14 rgb(1,46,20)
```
#01411c
```
#01411c rgb(1,65,28)
```
#015425
```
#015425 rgb(1,84,37)
```
#01682d
```
#01682d rgb(1,104,45)
```
#027b35
```
#027b35 rgb(2,123,53)
```
#028f3e
```
#028f3e rgb(2,143,62)
```
#02a246
```
#02a246 rgb(2,162,70)
```
#02b54e
```
#02b54e rgb(2,181,78)
```
#02c957
```
#02c957 rgb(2,201,87)
```
#03dc5f
```
#03dc5f rgb(3,220,95)
```
#03f067
```
#03f067 rgb(3,240,103)
```

Shade Color Variation

#0afc71
```
#0afc71 rgb(10,252,113)
```
#1dfc7c
```
#1dfc7c rgb(29,252,124)
```
#31fc87
```
#31fc87 rgb(49,252,135)
```
#44fd93
```
#44fd93 rgb(68,253,147)
```
#58fd9e
```
#58fd9e rgb(88,253,158)
```
#6bfda9
```
#6bfda9 rgb(107,253,169)
```
#7efdb4
```
#7efdb4 rgb(126,253,180)
```
#92fec0
```
#92fec0 rgb(146,254,192)
```
#a5fecb
```
#a5fecb rgb(165,254,203)
```
#b8fed6
```
#b8fed6 rgb(184,254,214)
```
#ccfee1
```
#ccfee1 rgb(204,254,225)
```
#dfffed
```
#dfffed rgb(223,255,237)
```
#f3fff8
```
#f3fff8 rgb(243,255,248)
```

Tint Color Variation

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

#4e5651
```
#4e5651 rgb(78,86,81)
```
#475d50
```
#475d50 rgb(71,93,80)
```
#41634f
```
#41634f rgb(65,99,79)
```
#3b694f
```
#3b694f rgb(59,105,79)
```
#34704e
```
#34704e rgb(52,112,78)
```
#2e764d
```
#2e764d rgb(46,118,77)
```
#287c4c
```
#287c4c rgb(40,124,76)
```
#22824b
```
#22824b rgb(34,130,75)
```
#1b894a
```
#1b894a rgb(27,137,74)
```
#158f49
```
#158f49 rgb(21,143,73)
```
#0f9548
```
#0f9548 rgb(15,149,72)
```
#089c47
```
#089c47 rgb(8,156,71)
```
#02a246
```
#02a246 rgb(2,162,70)
```

Tone Color Variation

Below, you can see how #02a246 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

#686868 Achromatopsia 0.005% of the population
#547461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19249 Protanopia 1% of men
#b08b59 Deuteranopia 1% of men
#4c9da8 Tritanopia 0.001% of the population

Trichromacy

#679847 Protanomaly 1% of men, 0.01% of women
#709352 Deuteranomaly 6% of men, 0.4% of women
#319f84 Tritanomaly 0.01% of the population

#02a246 hex color

#02a246 Color Information

#02a246 Color Conversion

Color Schemes with #02a246

Alternatives to #02a246

#02a246 Preview

Shades and Tints of #02a246

Tones of #02a246

Color Blindness Simulator