#45daa5 hex color

In a RGB color space, hex #45daa5 is composed of 27.1% red, 85.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 0% magenta, 24.3% yellow and 14.5% black. It has a hue angle of 158.7 degrees, a saturation of 66.8% and a lightness of 56.3%. #45daa5 color hex could be obtained by blending #8affff with #00b54b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 85
- B 65
RGB color chart
- C 68
- M 0
- Y 24
- K 15
CMYK color chart

● #45daa5 color description : Soft cyan - lime green.

The hexadecimal color #45daa5 has RGB values of R:69, G:218, B:165 and CMYK values of C:0.68, M:0, Y:0.24, K:0.15. Its decimal value is 4577957.

Hex triplet	45daa5	`#45daa5`
RGB Decimal	69, 218, 165	`rgb(69,218,165)`
RGB Percent	27.1, 85.5, 64.7	`rgb(27.1%,85.5%,64.7%)`
CMYK	68, 0, 24, 15
HSL	158.7°, 66.8, 56.3	`hsl(158.7,66.8%,56.3%)`
HSV (or HSB)	158.7°, 68.3, 85.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.533, -51.441, 14.863
XYZ	34.314, 54.121, 44.233
xyY	0.259, 0.408, 54.121
CIE-LCH	78.533, 53.545, 163.884
CIE-LUV	78.533, -58.82, 29.901
Hunter-Lab	73.567, -45.484, 15.848
Binary	01000101, 11011010, 10100101

#45daa5
```
#45daa5 rgb(69,218,165)
```
#da457a
```
#da457a rgb(218,69,122)
```

Complementary Color

#45da5b
```
#45da5b rgb(69,218,91)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#45c5da
```
#45c5da rgb(69,197,218)
```

Analogous Color

#da5b45
```
#da5b45 rgb(218,91,69)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#da45c5
```
#da45c5 rgb(218,69,197)
```

Split Complementary Color

#daa545
```
#daa545 rgb(218,165,69)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#a545da
```
#a545da rgb(165,69,218)
```

Triadic Color

#7ada45
```
#7ada45 rgb(122,218,69)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#a545da
```
#a545da rgb(165,69,218)
```
#da457a
```
#da457a rgb(218,69,122)
```

Tetradic Color

#23b07e
```
#23b07e rgb(35,176,126)
```
#27c58d
```
#27c58d rgb(39,197,141)
```
#30d69b
```
#30d69b rgb(48,214,155)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#5adeaf
```
#5adeaf rgb(90,222,175)
```
#70e2ba
```
#70e2ba rgb(112,226,186)
```
#85e7c4
```
#85e7c4 rgb(133,231,196)
```

Monochromatic Color

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

#45da80
```
#45da80 rgb(69,218,128)
```
#45da8c
```
#45da8c rgb(69,218,140)
```
#45da99
```
#45da99 rgb(69,218,153)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#45dab1
```
#45dab1 rgb(69,218,177)
```
#45dabe
```
#45dabe rgb(69,218,190)
```
#45daca
```
#45daca rgb(69,218,202)
```

Similar Colors

Text with hexadecimal color #45daa5

This text has a font color of #45daa5.

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

#45daa5 background color

This paragraph has a background color of #45daa5.

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

#45daa5 border color

This element has a border color of #45daa5.

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

CSS codes

.text {color:#45daa5;}

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

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

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, #020a07 is the darkest color, while #f9fefc is the lightest one.

#020a07
```
#020a07 rgb(2,10,7)
```
#051b13
```
#051b13 rgb(5,27,19)
```
#092b1f
```
#092b1f rgb(9,43,31)
```
#0c3b2a
```
#0c3b2a rgb(12,59,42)
```
#0f4c36
```
#0f4c36 rgb(15,76,54)
```
#125c42
```
#125c42 rgb(18,92,66)
```
#166c4e
```
#166c4e rgb(22,108,78)
```
#197d59
```
#197d59 rgb(25,125,89)
```
#1c8d65
```
#1c8d65 rgb(28,141,101)
```
#1f9e71
```
#1f9e71 rgb(31,158,113)
```
#23ae7c
```
#23ae7c rgb(35,174,124)
```
#26be88
```
#26be88 rgb(38,190,136)
```
#29cf94
```
#29cf94 rgb(41,207,148)
```

Shade Color Variation

#35d79d
```
#35d79d rgb(53,215,157)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#55ddad
```
#55ddad rgb(85,221,173)
```
#66e1b5
```
#66e1b5 rgb(102,225,181)
```
#76e4bd
```
#76e4bd rgb(118,228,189)
```
#86e7c5
```
#86e7c5 rgb(134,231,197)
```
#97eacd
```
#97eacd rgb(151,234,205)
```
#a7eed4
```
#a7eed4 rgb(167,238,212)
```
#b8f1dc
```
#b8f1dc rgb(184,241,220)
```
#c8f4e4
```
#c8f4e4 rgb(200,244,228)
```
#d8f7ec
```
#d8f7ec rgb(216,247,236)
```
#e9fbf4
```
#e9fbf4 rgb(233,251,244)
```
#f9fefc
```
#f9fefc rgb(249,254,252)
```

Tint Color Variation

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

#8a9591
```
#8a9591 rgb(138,149,145)
```
#819e94
```
#819e94 rgb(129,158,148)
```
#78a796
```
#78a796 rgb(120,167,150)
```
#70af99
```
#70af99 rgb(112,175,153)
```
#67b89b
```
#67b89b rgb(103,184,155)
```
#5fc09e
```
#5fc09e rgb(95,192,158)
```
#56c9a0
```
#56c9a0 rgb(86,201,160)
```
#4ed1a3
```
#4ed1a3 rgb(78,209,163)
```
#45daa5
```
#45daa5 rgb(69,218,165)
```
#3ce3a7
```
#3ce3a7 rgb(60,227,167)
```
#34ebaa
```
#34ebaa rgb(52,235,170)
```
#2bf4ac
```
#2bf4ac rgb(43,244,172)
```
#23fcaf
```
#23fcaf rgb(35,252,175)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#93b1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c59f Protanopia 1% of men
#debeb3 Deuteranopia 1% of men
#6bd4e3 Tritanopia 0.001% of the population

Trichromacy

#9ecca1 Protanomaly 1% of men, 0.01% of women
#a6c8ae Deuteranomaly 6% of men, 0.4% of women
#5dd6cc Tritanomaly 0.01% of the population

#45daa5 hex color

#45daa5 Color Information

#45daa5 Color Conversion

Color Schemes with #45daa5

Alternatives to #45daa5

#45daa5 Preview

Shades and Tints of #45daa5

Tones of #45daa5

Color Blindness Simulator