#45d69f hex color

In a RGB color space, hex #45d69f is composed of 27.1% red, 83.9% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 0% magenta, 25.7% yellow and 16.1% black. It has a hue angle of 157.2 degrees, a saturation of 63.9% and a lightness of 55.5%. #45d69f color hex could be obtained by blending #8affff with #00ad3f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 84
- B 62
RGB color chart
- C 68
- M 0
- Y 26
- K 16
CMYK color chart

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

The hexadecimal color #45d69f has RGB values of R:69, G:214, B:159 and CMYK values of C:0.68, M:0, Y:0.26, K:0.16. Its decimal value is 4576927.

Hex triplet	45d69f	`#45d69f`
RGB Decimal	69, 214, 159	`rgb(69,214,159)`
RGB Percent	27.1, 83.9, 62.4	`rgb(27.1%,83.9%,62.4%)`
CMYK	68, 0, 26, 16
HSL	157.2°, 63.9, 55.5	`hsl(157.2,63.9%,55.5%)`
HSV (or HSB)	157.2°, 67.8, 83.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.196, -51.153, 16.163
XYZ	32.756, 51.859, 41.082
xyY	0.261, 0.413, 51.859
CIE-LCH	77.196, 53.646, 162.465
CIE-LUV	77.196, -57.742, 31.546
Hunter-Lab	72.013, -44.829, 16.585
Binary	01000101, 11010110, 10011111

#45d69f
```
#45d69f rgb(69,214,159)
```
#d6457c
```
#d6457c rgb(214,69,124)
```

Complementary Color

#45d657
```
#45d657 rgb(69,214,87)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#45c5d6
```
#45c5d6 rgb(69,197,214)
```

Analogous Color

#d65745
```
#d65745 rgb(214,87,69)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#d645c5
```
#d645c5 rgb(214,69,197)
```

Split Complementary Color

#d69f45
```
#d69f45 rgb(214,159,69)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#9f45d6
```
#9f45d6 rgb(159,69,214)
```

Triadic Color

#7cd645
```
#7cd645 rgb(124,214,69)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#9f45d6
```
#9f45d6 rgb(159,69,214)
```
#d6457c
```
#d6457c rgb(214,69,124)
```

Tetradic Color

#25a977
```
#25a977 rgb(37,169,119)
```
#2abe86
```
#2abe86 rgb(42,190,134)
```
#30d194
```
#30d194 rgb(48,209,148)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#5adbaa
```
#5adbaa rgb(90,219,170)
```
#6fdfb5
```
#6fdfb5 rgb(111,223,181)
```
#84e4bf
```
#84e4bf rgb(132,228,191)
```

Monochromatic Color

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

#45d67b
```
#45d67b rgb(69,214,123)
```
#45d687
```
#45d687 rgb(69,214,135)
```
#45d693
```
#45d693 rgb(69,214,147)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#45d6ab
```
#45d6ab rgb(69,214,171)
```
#45d6b7
```
#45d6b7 rgb(69,214,183)
```
#45d6c3
```
#45d6c3 rgb(69,214,195)
```

Similar Colors

Text with hexadecimal color #45d69f

This text has a font color of #45d69f.

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

#45d69f background color

This paragraph has a background color of #45d69f.

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

#45d69f border color

This element has a border color of #45d69f.

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

CSS codes

.text {color:#45d69f;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#051710
```
#051710 rgb(5,23,16)
```
#09271b
```
#09271b rgb(9,39,27)
```
#0c3727
```
#0c3727 rgb(12,55,39)
```
#104732
```
#104732 rgb(16,71,50)
```
#13573d
```
#13573d rgb(19,87,61)
```
#176749
```
#176749 rgb(23,103,73)
```
#1a7754
```
#1a7754 rgb(26,119,84)
```
#1e875f
```
#1e875f rgb(30,135,95)
```
#21986b
```
#21986b rgb(33,152,107)
```
#25a876
```
#25a876 rgb(37,168,118)
```
#28b881
```
#28b881 rgb(40,184,129)
```
#2cc88d
```
#2cc88d rgb(44,200,141)
```

Shade Color Variation

#35d297
```
#35d297 rgb(53,210,151)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#55daa7
```
#55daa7 rgb(85,218,167)
```
#65ddb0
```
#65ddb0 rgb(101,221,176)
```
#75e1b8
```
#75e1b8 rgb(117,225,184)
```
#85e4c0
```
#85e4c0 rgb(133,228,192)
```
#95e8c8
```
#95e8c8 rgb(149,232,200)
```
#a5ebd1
```
#a5ebd1 rgb(165,235,209)
```
#b6efd9
```
#b6efd9 rgb(182,239,217)
```
#c6f2e1
```
#c6f2e1 rgb(198,242,225)
```
#d6f6ea
```
#d6f6ea rgb(214,246,234)
```
#e6f9f2
```
#e6f9f2 rgb(230,249,242)
```
#f6fdfa
```
#f6fdfa rgb(246,253,250)
```

Tint Color Variation

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

#8b908e
```
#8b908e rgb(139,144,142)
```
#829990
```
#829990 rgb(130,153,144)
```
#79a292
```
#79a292 rgb(121,162,146)
```
#71aa94
```
#71aa94 rgb(113,170,148)
```
#68b397
```
#68b397 rgb(104,179,151)
```
#5fbc99
```
#5fbc99 rgb(95,188,153)
```
#56c59b
```
#56c59b rgb(86,197,155)
```
#4ecd9d
```
#4ecd9d rgb(78,205,157)
```
#45d69f
```
#45d69f rgb(69,214,159)
```
#3cdfa1
```
#3cdfa1 rgb(60,223,161)
```
#34e7a3
```
#34e7a3 rgb(52,231,163)
```
#2bf0a5
```
#2bf0a5 rgb(43,240,165)
```
#22f9a7
```
#22f9a7 rgb(34,249,167)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#91aea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec19a Protanopia 1% of men
#dbbbad Deuteranopia 1% of men
#6bd0df Tritanopia 0.001% of the population

Trichromacy

#9cc99b Protanomaly 1% of men, 0.01% of women
#a4c5a8 Deuteranomaly 6% of men, 0.4% of women
#5dd2c7 Tritanomaly 0.01% of the population

#45d69f hex color

#45d69f Color Information

#45d69f Color Conversion

Color Schemes with #45d69f

Alternatives to #45d69f

#45d69f Preview

Shades and Tints of #45d69f

Tones of #45d69f

Color Blindness Simulator