#45cd9f hex color

In a RGB color space, hex #45cd9f is composed of 27.1% red, 80.4% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 0% magenta, 22.4% yellow and 19.6% black. It has a hue angle of 159.7 degrees, a saturation of 57.6% and a lightness of 53.7%. #45cd9f color hex could be obtained by blending #8affff with #009b3f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 80
- B 62
RGB color chart
- C 66
- M 0
- Y 22
- K 20
CMYK color chart

● #45cd9f color description : Moderate cyan - lime green.

The hexadecimal color #45cd9f has RGB values of R:69, G:205, B:159 and CMYK values of C:0.66, M:0, Y:0.22, K:0.2. Its decimal value is 4574623.

Hex triplet	45cd9f	`#45cd9f`
RGB Decimal	69, 205, 159	`rgb(69,205,159)`
RGB Percent	27.1, 80.4, 62.4	`rgb(27.1%,80.4%,62.4%)`
CMYK	66, 0, 22, 20
HSL	159.7°, 57.6, 53.7	`hsl(159.7,57.6%,53.7%)`
HSV (or HSB)	159.7°, 66.3, 80.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.463, -47.459, 12.321
XYZ	30.541, 47.428, 40.344
xyY	0.258, 0.401, 47.428
CIE-LCH	74.463, 49.032, 165.446
CIE-LUV	74.463, -54.481, 25.442
Hunter-Lab	68.868, -41.359, 13.475
Binary	01000101, 11001101, 10011111

#45cd9f
```
#45cd9f rgb(69,205,159)
```
#cd4573
```
#cd4573 rgb(205,69,115)
```

Complementary Color

#45cd5b
```
#45cd5b rgb(69,205,91)
```
#45cd9f
```
#45cd9f rgb(69,205,159)
```
#45b7cd
```
#45b7cd rgb(69,183,205)
```

Analogous Color

#cd5b45
```
#cd5b45 rgb(205,91,69)
```
#45cd9f
```
#45cd9f rgb(69,205,159)
```
#cd45b7
```
#cd45b7 rgb(205,69,183)
```

Split Complementary Color

#cd9f45
```
#cd9f45 rgb(205,159,69)
```
#45cd9f
```
#45cd9f rgb(69,205,159)
```
#9f45cd
```
#9f45cd rgb(159,69,205)
```

Triadic Color

#73cd45
```
#73cd45 rgb(115,205,69)
```
#45cd9f
```
#45cd9f rgb(69,205,159)
```
#9f45cd
```
#9f45cd rgb(159,69,205)
```
#cd4573
```
#cd4573 rgb(205,69,115)
```

Tetradic Color

#2a9c75
```
#2a9c75 rgb(42,156,117)
```
#2fb084
```
#2fb084 rgb(47,176,132)
```
#35c493
```
#35c493 rgb(53,196,147)
```
#45cd9f
```
#45cd9f rgb(69,205,159)
```
#59d2a9
```
#59d2a9 rgb(89,210,169)
```
#6dd8b4
```
#6dd8b4 rgb(109,216,180)
```
#81ddbe
```
#81ddbe rgb(129,221,190)
```

Monochromatic Color

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

#45cd7d
```
#45cd7d rgb(69,205,125)
```
#45cd88
```
#45cd88 rgb(69,205,136)
```
#45cd94
```
#45cd94 rgb(69,205,148)
```
#45cd9f
```
#45cd9f rgb(69,205,159)
```
#45cdaa
```
#45cdaa rgb(69,205,170)
```
#45cdb6
```
#45cdb6 rgb(69,205,182)
```
#45cdc1
```
#45cdc1 rgb(69,205,193)
```

Similar Colors

Text with hexadecimal color #45cd9f

This text has a font color of #45cd9f.

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

#45cd9f background color

This paragraph has a background color of #45cd9f.

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

#45cd9f border color

This element has a border color of #45cd9f.

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

CSS codes

.text {color:#45cd9f;}

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

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

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, #040f0b is the darkest color, while #ffffff is the lightest one.

#040f0b
```
#040f0b rgb(4,15,11)
```
#081e17
```
#081e17 rgb(8,30,23)
```
#0c2e23
```
#0c2e23 rgb(12,46,35)
```
#103d2e
```
#103d2e rgb(16,61,46)
```
#154d3a
```
#154d3a rgb(21,77,58)
```
#195c45
```
#195c45 rgb(25,92,69)
```
#1d6c51
```
#1d6c51 rgb(29,108,81)
```
#217b5d
```
#217b5d rgb(33,123,93)
```
#258b68
```
#258b68 rgb(37,139,104)
```
#299a74
```
#299a74 rgb(41,154,116)
```
#2eaa80
```
#2eaa80 rgb(46,170,128)
```
#32b98b
```
#32b98b rgb(50,185,139)
```
#36c897
```
#36c897 rgb(54,200,151)
```

Shade Color Variation

#45cd9f
```
#45cd9f rgb(69,205,159)
```
#54d1a7
```
#54d1a7 rgb(84,209,167)
```
#64d5af
```
#64d5af rgb(100,213,175)
```
#73d9b7
```
#73d9b7 rgb(115,217,183)
```
#83debf
```
#83debf rgb(131,222,191)
```
#92e2c7
```
#92e2c7 rgb(146,226,199)
```
#a2e6cf
```
#a2e6cf rgb(162,230,207)
```
#b1ead7
```
#b1ead7 rgb(177,234,215)
```
#c1eedf
```
#c1eedf rgb(193,238,223)
```
#d0f2e7
```
#d0f2e7 rgb(208,242,231)
```
#e0f7ef
```
#e0f7ef rgb(224,247,239)
```
#effbf7
```
#effbf7 rgb(239,251,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858d8a is the less saturated color, while #18faae is the most saturated one.

#858d8a
```
#858d8a rgb(133,141,138)
```
#7b978d
```
#7b978d rgb(123,151,141)
```
#72a090
```
#72a090 rgb(114,160,144)
```
#69a993
```
#69a993 rgb(105,169,147)
```
#60b296
```
#60b296 rgb(96,178,150)
```
#57bb99
```
#57bb99 rgb(87,187,153)
```
#4ec49c
```
#4ec49c rgb(78,196,156)
```
#45cd9f
```
#45cd9f rgb(69,205,159)
```
#3cd6a2
```
#3cd6a2 rgb(60,214,162)
```
#33dfa5
```
#33dfa5 rgb(51,223,165)
```
#2ae8a8
```
#2ae8a8 rgb(42,232,168)
```
#21f1ab
```
#21f1ab rgb(33,241,171)
```
#18faae
```
#18faae rgb(24,250,174)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8da89f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5ba9a Protanopia 1% of men
#d1b4ad Deuteranopia 1% of men
#67c8d7 Tritanopia 0.001% of the population

Trichromacy

#96c19c Protanomaly 1% of men, 0.01% of women
#9ebda8 Deuteranomaly 6% of men, 0.4% of women
#5bcac2 Tritanomaly 0.01% of the population

#45cd9f hex color

#45cd9f Color Information

#45cd9f Color Conversion

Color Schemes with #45cd9f

Alternatives to #45cd9f

#45cd9f Preview

Shades and Tints of #45cd9f

Tones of #45cd9f

Color Blindness Simulator