#45d78f hex color

In a RGB color space, hex #45d78f is composed of 27.1% red, 84.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 0% magenta, 33.5% yellow and 15.7% black. It has a hue angle of 150.4 degrees, a saturation of 64.6% and a lightness of 55.7%. #45d78f color hex could be obtained by blending #8affff with #00af1f. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45d78f has RGB values of R:69, G:215, B:143 and CMYK values of C:0.68, M:0, Y:0.33, K:0.16. Its decimal value is 4577167.

Hex triplet	45d78f	`#45d78f`
RGB Decimal	69, 215, 143	`rgb(69,215,143)`
RGB Percent	27.1, 84.3, 56.1	`rgb(27.1%,84.3%,56.1%)`
CMYK	68, 0, 33, 16
HSL	150.4°, 64.6, 55.7	`hsl(150.4,64.6%,55.7%)`
HSV (or HSB)	150.4°, 67.9, 84.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.189, -54.893, 24.558
XYZ	31.71, 51.846, 34.321
xyY	0.269, 0.44, 51.846
CIE-LCH	77.189, 60.136, 155.897
CIE-LUV	77.189, -59.019, 43.247
Hunter-Lab	72.004, -47.397, 22.142
Binary	01000101, 11010111, 10001111

#45d78f
```
#45d78f rgb(69,215,143)
```
#d7458d
```
#d7458d rgb(215,69,141)
```

Complementary Color

#45d746
```
#45d746 rgb(69,215,70)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#45d6d7
```
#45d6d7 rgb(69,214,215)
```

Analogous Color

#d74645
```
#d74645 rgb(215,70,69)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#d745d6
```
#d745d6 rgb(215,69,214)
```

Split Complementary Color

#d78f45
```
#d78f45 rgb(215,143,69)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#8f45d7
```
#8f45d7 rgb(143,69,215)
```

Triadic Color

#8dd745
```
#8dd745 rgb(141,215,69)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#8f45d7
```
#8f45d7 rgb(143,69,215)
```
#d7458d
```
#d7458d rgb(215,69,141)
```

Tetradic Color

#25ab69
```
#25ab69 rgb(37,171,105)
```
#29c076
```
#29c076 rgb(41,192,118)
```
#30d282
```
#30d282 rgb(48,210,130)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#5adc9c
```
#5adc9c rgb(90,220,156)
```
#6fe0a8
```
#6fe0a8 rgb(111,224,168)
```
#84e5b5
```
#84e5b5 rgb(132,229,181)
```

Monochromatic Color

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

#45d76b
```
#45d76b rgb(69,215,107)
```
#45d777
```
#45d777 rgb(69,215,119)
```
#45d783
```
#45d783 rgb(69,215,131)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#45d79b
```
#45d79b rgb(69,215,155)
```
#45d7a7
```
#45d7a7 rgb(69,215,167)
```
#45d7b4
```
#45d7b4 rgb(69,215,180)
```

Similar Colors

Text with hexadecimal color #45d78f

This text has a font color of #45d78f.

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

#45d78f background color

This paragraph has a background color of #45d78f.

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

#45d78f border color

This element has a border color of #45d78f.

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

CSS codes

.text {color:#45d78f;}

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

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

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

#020805
```
#020805 rgb(2,8,5)
```
#05180f
```
#05180f rgb(5,24,15)
```
#092819
```
#092819 rgb(9,40,25)
```
#0c3822
```
#0c3822 rgb(12,56,34)
```
#10482c
```
#10482c rgb(16,72,44)
```
#135836
```
#135836 rgb(19,88,54)
```
#166940
```
#166940 rgb(22,105,64)
```
#1a794a
```
#1a794a rgb(26,121,74)
```
#1d8954
```
#1d8954 rgb(29,137,84)
```
#21995e
```
#21995e rgb(33,153,94)
```
#24a968
```
#24a968 rgb(36,169,104)
```
#28b972
```
#28b972 rgb(40,185,114)
```
#2bc97b
```
#2bc97b rgb(43,201,123)
```

Shade Color Variation

#35d485
```
#35d485 rgb(53,212,133)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#55da99
```
#55da99 rgb(85,218,153)
```
#65dea2
```
#65dea2 rgb(101,222,162)
```
#75e1ac
```
#75e1ac rgb(117,225,172)
```
#86e5b6
```
#86e5b6 rgb(134,229,182)
```
#96e8c0
```
#96e8c0 rgb(150,232,192)
```
#a6ecc9
```
#a6ecc9 rgb(166,236,201)
```
#b6efd3
```
#b6efd3 rgb(182,239,211)
```
#c6f3dd
```
#c6f3dd rgb(198,243,221)
```
#d6f6e6
```
#d6f6e6 rgb(214,246,230)
```
#e6faf0
```
#e6faf0 rgb(230,250,240)
```
#f7fdfa
```
#f7fdfa rgb(247,253,250)
```

Tint Color Variation

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

#8b918e
```
#8b918e rgb(139,145,142)
```
#829a8e
```
#829a8e rgb(130,154,142)
```
#79a38e
```
#79a38e rgb(121,163,142)
```
#70ac8e
```
#70ac8e rgb(112,172,142)
```
#68b48f
```
#68b48f rgb(104,180,143)
```
#5fbd8f
```
#5fbd8f rgb(95,189,143)
```
#56c68f
```
#56c68f rgb(86,198,143)
```
#4ece8f
```
#4ece8f rgb(78,206,143)
```
#45d78f
```
#45d78f rgb(69,215,143)
```
#3ce08f
```
#3ce08f rgb(60,224,143)
```
#34e88f
```
#34e88f rgb(52,232,143)
```
#2bf18f
```
#2bf18f rgb(43,241,143)
```
#22fa8f
```
#22fa8f rgb(34,250,143)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#90ad9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c18b Protanopia 1% of men
#e0ba9f Deuteranopia 1% of men
#6fcfde Tritanopia 0.001% of the population

Trichromacy

#9dc98c Protanomaly 1% of men, 0.01% of women
#a7c599 Deuteranomaly 6% of men, 0.4% of women
#60d2c1 Tritanomaly 0.01% of the population

#45d78f hex color

#45d78f Color Information

#45d78f Color Conversion

Color Schemes with #45d78f

Alternatives to #45d78f

#45d78f Preview

Shades and Tints of #45d78f

Tones of #45d78f

Color Blindness Simulator