#45daa2 hex color

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

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

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

The hexadecimal color #45daa2 has RGB values of R:69, G:218, B:162 and CMYK values of C:0.68, M:0, Y:0.26, K:0.15. Its decimal value is 4577954.

Hex triplet	45daa2	`#45daa2`
RGB Decimal	69, 218, 162	`rgb(69,218,162)`
RGB Percent	27.1, 85.5, 63.5	`rgb(27.1%,85.5%,63.5%)`
CMYK	68, 0, 26, 15
HSL	157.4°, 66.8, 56.3	`hsl(157.4,66.8%,56.3%)`
HSV (or HSB)	157.4°, 68.3, 85.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	78.47, -52.105, 16.358
XYZ	34.045, 54.014, 42.812
xyY	0.26, 0.413, 54.014
CIE-LCH	78.47, 54.613, 162.571
CIE-LUV	78.47, -59, 32.07
Hunter-Lab	73.494, -45.928, 16.908
Binary	01000101, 11011010, 10100010

#45daa2
```
#45daa2 rgb(69,218,162)
```
#da457d
```
#da457d rgb(218,69,125)
```

Complementary Color

#45da58
```
#45da58 rgb(69,218,88)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#45c8da
```
#45c8da rgb(69,200,218)
```

Analogous Color

#da5845
```
#da5845 rgb(218,88,69)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#da45c8
```
#da45c8 rgb(218,69,200)
```

Split Complementary Color

#daa245
```
#daa245 rgb(218,162,69)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#a245da
```
#a245da rgb(162,69,218)
```

Triadic Color

#7dda45
```
#7dda45 rgb(125,218,69)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#a245da
```
#a245da rgb(162,69,218)
```
#da457d
```
#da457d rgb(218,69,125)
```

Tetradic Color

#23b07b
```
#23b07b rgb(35,176,123)
```
#27c58a
```
#27c58a rgb(39,197,138)
```
#30d697
```
#30d697 rgb(48,214,151)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#5adead
```
#5adead rgb(90,222,173)
```
#70e2b7
```
#70e2b7 rgb(112,226,183)
```
#85e7c2
```
#85e7c2 rgb(133,231,194)
```

Monochromatic Color

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

#45da7d
```
#45da7d rgb(69,218,125)
```
#45da89
```
#45da89 rgb(69,218,137)
```
#45da96
```
#45da96 rgb(69,218,150)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#45daae
```
#45daae rgb(69,218,174)
```
#45dabb
```
#45dabb rgb(69,218,187)
```
#45dac7
```
#45dac7 rgb(69,218,199)
```

Similar Colors

Text with hexadecimal color #45daa2

This text has a font color of #45daa2.

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

#45daa2 background color

This paragraph has a background color of #45daa2.

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

#45daa2 border color

This element has a border color of #45daa2.

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

CSS codes

.text {color:#45daa2;}

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

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

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)
```
#092b1e
```
#092b1e rgb(9,43,30)
```
#0c3b2a
```
#0c3b2a rgb(12,59,42)
```
#0f4c35
```
#0f4c35 rgb(15,76,53)
```
#125c40
```
#125c40 rgb(18,92,64)
```
#166c4c
```
#166c4c rgb(22,108,76)
```
#197d57
```
#197d57 rgb(25,125,87)
```
#1c8d63
```
#1c8d63 rgb(28,141,99)
```
#1f9e6e
```
#1f9e6e rgb(31,158,110)
```
#23ae7a
```
#23ae7a rgb(35,174,122)
```
#26be85
```
#26be85 rgb(38,190,133)
```
#29cf90
```
#29cf90 rgb(41,207,144)
```

Shade Color Variation

#35d79a
```
#35d79a rgb(53,215,154)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#55ddaa
```
#55ddaa rgb(85,221,170)
```
#66e1b2
```
#66e1b2 rgb(102,225,178)
```
#76e4bb
```
#76e4bb rgb(118,228,187)
```
#86e7c3
```
#86e7c3 rgb(134,231,195)
```
#97eacb
```
#97eacb rgb(151,234,203)
```
#a7eed3
```
#a7eed3 rgb(167,238,211)
```
#b8f1db
```
#b8f1db rgb(184,241,219)
```
#c8f4e3
```
#c8f4e3 rgb(200,244,227)
```
#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 #23fcab is the most saturated one.

#8a9591
```
#8a9591 rgb(138,149,145)
```
#819e93
```
#819e93 rgb(129,158,147)
```
#78a795
```
#78a795 rgb(120,167,149)
```
#70af97
```
#70af97 rgb(112,175,151)
```
#67b899
```
#67b899 rgb(103,184,153)
```
#5fc09c
```
#5fc09c rgb(95,192,156)
```
#56c99e
```
#56c99e rgb(86,201,158)
```
#4ed1a0
```
#4ed1a0 rgb(78,209,160)
```
#45daa2
```
#45daa2 rgb(69,218,162)
```
#3ce3a4
```
#3ce3a4 rgb(60,227,164)
```
#34eba6
```
#34eba6 rgb(52,235,166)
```
#2bf4a8
```
#2bf4a8 rgb(43,244,168)
```
#23fcab
```
#23fcab rgb(35,252,171)
```

Tone Color Variation

Below, you can see how #45daa2 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
#93b1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c49c Protanopia 1% of men
#dfbeb0 Deuteranopia 1% of men
#6cd3e3 Tritanopia 0.001% of the population

Trichromacy

#9ecc9e Protanomaly 1% of men, 0.01% of women
#a7c8ab Deuteranomaly 6% of men, 0.4% of women
#5ed6cb Tritanomaly 0.01% of the population

#45daa2 hex color

#45daa2 Color Information

#45daa2 Color Conversion

Color Schemes with #45daa2

Alternatives to #45daa2

#45daa2 Preview

Shades and Tints of #45daa2

Tones of #45daa2

Color Blindness Simulator