#0ae676 hex color

In a RGB color space, hex #0ae676 is composed of 3.9% red, 90.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 95.7% cyan, 0% magenta, 48.7% yellow and 9.8% black. It has a hue angle of 149.5 degrees, a saturation of 91.7% and a lightness of 47.1%. #0ae676 color hex could be obtained by blending #14ffec with #00cd00. Closest websafe color is: #00ff66.

♥
- f
- t
- g
- R 4
- G 90
- B 46
RGB color chart
- C 96
- M 0
- Y 49
- K 10
CMYK color chart

● #0ae676 color description : Vivid cyan - lime green.

The hexadecimal color #0ae676 has RGB values of R:10, G:230, B:118 and CMYK values of C:0.96, M:0, Y:0.49, K:0.1. Its decimal value is 714358.

Hex triplet	0ae676	`#0ae676`
RGB Decimal	10, 230, 118	`rgb(10,230,118)`
RGB Percent	3.9, 90.2, 46.3	`rgb(3.9%,90.2%,46.3%)`
CMYK	96, 0, 49, 10
HSL	149.5°, 91.7, 47.1	`hsl(149.5,91.7%,47.1%)`
HSV (or HSB)	149.5°, 95.7, 90.2
Web Safe	00ff66	`#00ff66`

CIE-LAB	80.718, -70.18, 41.64
XYZ	31.69, 57.963, 26.656
xyY	0.272, 0.498, 57.963
CIE-LCH	80.718, 81.604, 149.318
CIE-LUV	80.718, -72.025, 66.505
Hunter-Lab	76.133, -58.934, 32.534
Binary	00001010, 11100110, 01110110

#0ae676
```
#0ae676 rgb(10,230,118)
```
#e60a7a
```
#e60a7a rgb(230,10,122)
```

Complementary Color

#0ce60a
```
#0ce60a rgb(12,230,10)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```
#0ae6e4
```
#0ae6e4 rgb(10,230,228)
```

Analogous Color

#e60a0c
```
#e60a0c rgb(230,10,12)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```
#e40ae6
```
#e40ae6 rgb(228,10,230)
```

Split Complementary Color

#e6760a
```
#e6760a rgb(230,118,10)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```
#760ae6
```
#760ae6 rgb(118,10,230)
```

Triadic Color

#7ae60a
```
#7ae60a rgb(122,230,10)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```
#760ae6
```
#760ae6 rgb(118,10,230)
```
#e60a7a
```
#e60a7a rgb(230,10,122)
```

Tetradic Color

#079d50
```
#079d50 rgb(7,157,80)
```
#08b55d
```
#08b55d rgb(8,181,93)
```
#09ce69
```
#09ce69 rgb(9,206,105)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```
#15f583
```
#15f583 rgb(21,245,131)
```
#2df690
```
#2df690 rgb(45,246,144)
```
#46f79d
```
#46f79d rgb(70,247,157)
```

Monochromatic Color

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

#0ae63f
```
#0ae63f rgb(10,230,63)
```
#0ae651
```
#0ae651 rgb(10,230,81)
```
#0ae664
```
#0ae664 rgb(10,230,100)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```
#0ae688
```
#0ae688 rgb(10,230,136)
```
#0ae69b
```
#0ae69b rgb(10,230,155)
```
#0ae6ad
```
#0ae6ad rgb(10,230,173)
```

Similar Colors

Text with hexadecimal color #0ae676

This text has a font color of #0ae676.

<span style="color:#0ae676;">Text here</span>

#0ae676 background color

This paragraph has a background color of #0ae676.

<p style="background-color:#0ae676;">Content here</p>

#0ae676 border color

This element has a border color of #0ae676.

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

CSS codes

.text {color:#0ae676;}

.background {background-color:#0ae676;}

.border {border:1px solid #0ae676;}

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

#000402
```
#000402 rgb(0,4,2)
```
#01170c
```
#01170c rgb(1,23,12)
```
#022a16
```
#022a16 rgb(2,42,22)
```
#033d1f
```
#033d1f rgb(3,61,31)
```
#035029
```
#035029 rgb(3,80,41)
```
#046232
```
#046232 rgb(4,98,50)
```
#05753c
```
#05753c rgb(5,117,60)
```
#068846
```
#068846 rgb(6,136,70)
```
#079b4f
```
#079b4f rgb(7,155,79)
```
#08ae59
```
#08ae59 rgb(8,174,89)
```
#08c063
```
#08c063 rgb(8,192,99)
```
#09d36c
```
#09d36c rgb(9,211,108)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```

Shade Color Variation

#0ff580
```
#0ff580 rgb(15,245,128)
```
#22f58a
```
#22f58a rgb(34,245,138)
```
#35f694
```
#35f694 rgb(53,246,148)
```
#47f79e
```
#47f79e rgb(71,247,158)
```
#5af8a8
```
#5af8a8 rgb(90,248,168)
```
#6df9b2
```
#6df9b2 rgb(109,249,178)
```
#80f9bc
```
#80f9bc rgb(128,249,188)
```
#93fac6
```
#93fac6 rgb(147,250,198)
```
#a5fbcf
```
#a5fbcf rgb(165,251,207)
```
#b8fcd9
```
#b8fcd9 rgb(184,252,217)
```
#cbfde3
```
#cbfde3 rgb(203,253,227)
```
#defeed
```
#defeed rgb(222,254,237)
```
#f1fef7
```
#f1fef7 rgb(241,254,247)
```

Tint Color Variation

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

#708078
```
#708078 rgb(112,128,120)
```
#668a78
```
#668a78 rgb(102,138,120)
```
#5d9378
```
#5d9378 rgb(93,147,120)
```
#549c77
```
#549c77 rgb(84,156,119)
```
#4ba577
```
#4ba577 rgb(75,165,119)
```
#41af77
```
#41af77 rgb(65,175,119)
```
#38b877
```
#38b877 rgb(56,184,119)
```
#2fc177
```
#2fc177 rgb(47,193,119)
```
#26ca77
```
#26ca77 rgb(38,202,119)
```
#1cd476
```
#1cd476 rgb(28,212,118)
```
#13dd76
```
#13dd76 rgb(19,221,118)
```
#0ae676
```
#0ae676 rgb(10,230,118)
```
#01ef76
```
#01ef76 rgb(1,239,118)
```

Tone Color Variation

Below, you can see how #0ae676 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

#979797 Achromatopsia 0.005% of the population
#7ba790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#decb73 Protanopia 1% of men
#f2c28a Deuteranopia 1% of men
#67daea Tritanopia 0.001% of the population

Trichromacy

#91d474 Protanomaly 1% of men, 0.01% of women
#9dcf82 Deuteranomaly 6% of men, 0.4% of women
#45dec0 Tritanomaly 0.01% of the population

#0ae676 hex color

#0ae676 Color Information

#0ae676 Color Conversion

Color Schemes with #0ae676

Alternatives to #0ae676

#0ae676 Preview

Shades and Tints of #0ae676

Tones of #0ae676

Color Blindness Simulator