#45e69c hex color

In a RGB color space, hex #45e69c is composed of 27.1% red, 90.2% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 32.2% yellow and 9.8% black. It has a hue angle of 152.4 degrees, a saturation of 76.3% and a lightness of 58.6%. #45e69c color hex could be obtained by blending #8affff with #00cd39. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 90
- B 61
RGB color chart
- C 70
- M 0
- Y 32
- K 10
CMYK color chart

● #45e69c color description : Bright cyan - lime green.

The hexadecimal color #45e69c has RGB values of R:69, G:230, B:156 and CMYK values of C:0.7, M:0, Y:0.32, K:0.1. Its decimal value is 4581020.

Hex triplet	45e69c	`#45e69c`
RGB Decimal	69, 230, 156	`rgb(69,230,156)`
RGB Percent	27.1, 90.2, 61.2	`rgb(27.1%,90.2%,61.2%)`
CMYK	70, 0, 32, 10
HSL	152.4°, 76.3, 58.6	`hsl(152.4,76.3%,58.6%)`
HSV (or HSB)	152.4°, 70, 90.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	81.977, -58.059, 24.333
XYZ	36.749, 60.256, 41.144
xyY	0.266, 0.436, 60.256
CIE-LCH	81.977, 62.952, 157.261
CIE-LUV	81.977, -63.609, 44.053
Hunter-Lab	77.625, -51.337, 22.911
Binary	01000101, 11100110, 10011100

#45e69c
```
#45e69c rgb(69,230,156)
```
#e6458f
```
#e6458f rgb(230,69,143)
```

Complementary Color

#45e64c
```
#45e64c rgb(69,230,76)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#45e0e6
```
#45e0e6 rgb(69,224,230)
```

Analogous Color

#e64c45
```
#e64c45 rgb(230,76,69)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#e645e0
```
#e645e0 rgb(230,69,224)
```

Split Complementary Color

#e69c45
```
#e69c45 rgb(230,156,69)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#9c45e6
```
#9c45e6 rgb(156,69,230)
```

Triadic Color

#8fe645
```
#8fe645 rgb(143,230,69)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#9c45e6
```
#9c45e6 rgb(156,69,230)
```
#e6458f
```
#e6458f rgb(230,69,143)
```

Tetradic Color

#1ac476
```
#1ac476 rgb(26,196,118)
```
#1ddb84
```
#1ddb84 rgb(29,219,132)
```
#2fe390
```
#2fe390 rgb(47,227,144)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#5be9a8
```
#5be9a8 rgb(91,233,168)
```
#72ecb4
```
#72ecb4 rgb(114,236,180)
```
#88efc0
```
#88efc0 rgb(136,239,192)
```

Monochromatic Color

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

#45e674
```
#45e674 rgb(69,230,116)
```
#45e681
```
#45e681 rgb(69,230,129)
```
#45e68f
```
#45e68f rgb(69,230,143)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#45e6a9
```
#45e6a9 rgb(69,230,169)
```
#45e6b7
```
#45e6b7 rgb(69,230,183)
```
#45e6c4
```
#45e6c4 rgb(69,230,196)
```

Similar Colors

Text with hexadecimal color #45e69c

This text has a font color of #45e69c.

<span style="color:#45e69c;">Text here</span>

#45e69c background color

This paragraph has a background color of #45e69c.

<p style="background-color:#45e69c;">Content here</p>

#45e69c border color

This element has a border color of #45e69c.

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

CSS codes

.text {color:#45e69c;}

.background {background-color:#45e69c;}

.border {border:1px solid #45e69c;}

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

#010403
```
#010403 rgb(1,4,3)
```
#03150d
```
#03150d rgb(3,21,13)
```
#052717
```
#052717 rgb(5,39,23)
```
#083822
```
#083822 rgb(8,56,34)
```
#0a492c
```
#0a492c rgb(10,73,44)
```
#0c5b37
```
#0c5b37 rgb(12,91,55)
```
#0f6c41
```
#0f6c41 rgb(15,108,65)
```
#117d4b
```
#117d4b rgb(17,125,75)
```
#138f56
```
#138f56 rgb(19,143,86)
```
#15a060
```
#15a060 rgb(21,160,96)
```
#18b16b
```
#18b16b rgb(24,177,107)
```
#1ac275
```
#1ac275 rgb(26,194,117)
```
#1cd47f
```
#1cd47f rgb(28,212,127)
```

Shade Color Variation

#22e18a
```
#22e18a rgb(34,225,138)
```
#34e493
```
#34e493 rgb(52,228,147)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#56e8a5
```
#56e8a5 rgb(86,232,165)
```
#68ebae
```
#68ebae rgb(104,235,174)
```
#79edb8
```
#79edb8 rgb(121,237,184)
```
#8aefc1
```
#8aefc1 rgb(138,239,193)
```
#9bf2ca
```
#9bf2ca rgb(155,242,202)
```
#adf4d3
```
#adf4d3 rgb(173,244,211)
```
#bef6dc
```
#bef6dc rgb(190,246,220)
```
#cff9e6
```
#cff9e6 rgb(207,249,230)
```
#e1fbef
```
#e1fbef rgb(225,251,239)
```
#f2fdf8
```
#f2fdf8 rgb(242,253,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9d96 is the less saturated color, while #2dfe9e is the most saturated one.

#8e9d96
```
#8e9d96 rgb(142,157,150)
```
#86a597
```
#86a597 rgb(134,165,151)
```
#7ead97
```
#7ead97 rgb(126,173,151)
```
#76b598
```
#76b598 rgb(118,181,152)
```
#6ebd99
```
#6ebd99 rgb(110,189,153)
```
#65c699
```
#65c699 rgb(101,198,153)
```
#5dce9a
```
#5dce9a rgb(93,206,154)
```
#55d69b
```
#55d69b rgb(85,214,155)
```
#4dde9b
```
#4dde9b rgb(77,222,155)
```
#45e69c
```
#45e69c rgb(69,230,156)
```
#3dee9d
```
#3dee9d rgb(61,238,157)
```
#35f69d
```
#35f69d rgb(53,246,157)
```
#2dfe9e
```
#2dfe9e rgb(45,254,158)
```

Tone Color Variation

Below, you can see how #45e69c 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

#adadad Achromatopsia 0.005% of the population
#98b8aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddce96 Protanopia 1% of men
#edc7ac Deuteranopia 1% of men
#73dded Tritanopia 0.001% of the population

Trichromacy

#a6d698 Protanomaly 1% of men, 0.01% of women
#b0d2a6 Deuteranomaly 6% of men, 0.4% of women
#62e0cf Tritanomaly 0.01% of the population

#45e69c hex color

#45e69c Color Information

#45e69c Color Conversion

Color Schemes with #45e69c

Alternatives to #45e69c

#45e69c Preview

Shades and Tints of #45e69c

Tones of #45e69c

Color Blindness Simulator