#45a78d hex color

In a RGB color space, hex #45a78d is composed of 27.1% red, 65.5% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 0% magenta, 15.6% yellow and 34.5% black. It has a hue angle of 164.1 degrees, a saturation of 41.5% and a lightness of 46.3%. #45a78d color hex could be obtained by blending #8affff with #004f1b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 65
- B 55
RGB color chart
- C 59
- M 0
- Y 16
- K 35
CMYK color chart

● #45a78d color description : Dark moderate cyan - lime green.

The hexadecimal color #45a78d has RGB values of R:69, G:167, B:141 and CMYK values of C:0.59, M:0, Y:0.16, K:0.35. Its decimal value is 4564877.

Hex triplet	45a78d	`#45a78d`
RGB Decimal	69, 167, 141	`rgb(69,167,141)`
RGB Percent	27.1, 65.5, 55.3	`rgb(27.1%,65.5%,55.3%)`
CMYK	59, 0, 16, 35
HSL	164.1°, 41.5, 46.3	`hsl(164.1,41.5%,46.3%)`
HSV (or HSB)	164.1°, 58.7, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.359, -35.103, 4.907
XYZ	21.079, 30.824, 30.037
xyY	0.257, 0.376, 30.824
CIE-LCH	62.359, 35.445, 172.043
CIE-LUV	62.359, -41.208, 12.441
Hunter-Lab	55.519, -29.388, 6.787
Binary	01000101, 10100111, 10001101

#45a78d
```
#45a78d rgb(69,167,141)
```
#a7455f
```
#a7455f rgb(167,69,95)
```

Complementary Color

#45a75c
```
#45a75c rgb(69,167,92)
```
#45a78d
```
#45a78d rgb(69,167,141)
```
#4590a7
```
#4590a7 rgb(69,144,167)
```

Analogous Color

#a75c45
```
#a75c45 rgb(167,92,69)
```
#45a78d
```
#45a78d rgb(69,167,141)
```
#a74590
```
#a74590 rgb(167,69,144)
```

Split Complementary Color

#a78d45
```
#a78d45 rgb(167,141,69)
```
#45a78d
```
#45a78d rgb(69,167,141)
```
#8d45a7
```
#8d45a7 rgb(141,69,167)
```

Triadic Color

#5fa745
```
#5fa745 rgb(95,167,69)
```
#45a78d
```
#45a78d rgb(69,167,141)
```
#8d45a7
```
#8d45a7 rgb(141,69,167)
```
#a7455f
```
#a7455f rgb(167,69,95)
```

Tetradic Color

#2f715f
```
#2f715f rgb(47,113,95)
```
#36836f
```
#36836f rgb(54,131,111)
```
#3e957e
```
#3e957e rgb(62,149,126)
```
#45a78d
```
#45a78d rgb(69,167,141)
```
#4fb69b
```
#4fb69b rgb(79,182,155)
```
#61bea5
```
#61bea5 rgb(97,190,165)
```
#73c5af
```
#73c5af rgb(115,197,175)
```

Monochromatic Color

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

#45a775
```
#45a775 rgb(69,167,117)
```
#45a77d
```
#45a77d rgb(69,167,125)
```
#45a785
```
#45a785 rgb(69,167,133)
```
#45a78d
```
#45a78d rgb(69,167,141)
```
#45a795
```
#45a795 rgb(69,167,149)
```
#45a79d
```
#45a79d rgb(69,167,157)
```
#45a7a6
```
#45a7a6 rgb(69,167,166)
```

Similar Colors

Text with hexadecimal color #45a78d

This text has a font color of #45a78d.

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

#45a78d background color

This paragraph has a background color of #45a78d.

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

#45a78d border color

This element has a border color of #45a78d.

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

CSS codes

.text {color:#45a78d;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060e0c
```
#060e0c rgb(6,14,12)
```
#0c1c18
```
#0c1c18 rgb(12,28,24)
```
#112a24
```
#112a24 rgb(17,42,36)
```
#17382f
```
#17382f rgb(23,56,47)
```
#1d463b
```
#1d463b rgb(29,70,59)
```
#235447
```
#235447 rgb(35,84,71)
```
#286252
```
#286252 rgb(40,98,82)
```
#2e6f5e
```
#2e6f5e rgb(46,111,94)
```
#347d6a
```
#347d6a rgb(52,125,106)
```
#3a8b76
```
#3a8b76 rgb(58,139,118)
```
#3f9981
```
#3f9981 rgb(63,153,129)
```
#45a78d
```
#45a78d rgb(69,167,141)
```

Shade Color Variation

#4bb599
```
#4bb599 rgb(75,181,153)
```
#59baa0
```
#59baa0 rgb(89,186,160)
```
#67c0a8
```
#67c0a8 rgb(103,192,168)
```
#75c6b0
```
#75c6b0 rgb(117,198,176)
```
#83ccb8
```
#83ccb8 rgb(131,204,184)
```
#90d1c0
```
#90d1c0 rgb(144,209,192)
```
#9ed7c8
```
#9ed7c8 rgb(158,215,200)
```
#acddd0
```
#acddd0 rgb(172,221,208)
```
#bae3d8
```
#bae3d8 rgb(186,227,216)
```
#c8e8e0
```
#c8e8e0 rgb(200,232,224)
```
#d6eee8
```
#d6eee8 rgb(214,238,232)
```
#e4f4ef
```
#e4f4ef rgb(228,244,239)
```
#f2f9f7
```
#f2f9f7 rgb(242,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727a78 is the less saturated color, while #05e7ab is the most saturated one.

#727a78
```
#727a78 rgb(114,122,120)
```
#69837c
```
#69837c rgb(105,131,124)
```
#608c80
```
#608c80 rgb(96,140,128)
```
#579584
```
#579584 rgb(87,149,132)
```
#4e9e89
```
#4e9e89 rgb(78,158,137)
```
#45a78d
```
#45a78d rgb(69,167,141)
```
#3cb091
```
#3cb091 rgb(60,176,145)
```
#33b996
```
#33b996 rgb(51,185,150)
```
#2ac29a
```
#2ac29a rgb(42,194,154)
```
#21cb9e
```
#21cb9e rgb(33,203,158)
```
#18d4a2
```
#18d4a2 rgb(24,212,162)
```
#0fdda7
```
#0fdda7 rgb(15,221,167)
```
#05e7ab
```
#05e7ab rgb(5,231,171)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7a8d88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29b8b Protanopia 1% of men
#ab9799 Deuteranopia 1% of men
#5ca6b3 Tritanopia 0.001% of the population

Trichromacy

#809f8b Protanomaly 1% of men, 0.01% of women
#869d95 Deuteranomaly 6% of men, 0.4% of women
#54a6a5 Tritanomaly 0.01% of the population

#45a78d hex color

#45a78d Color Information

#45a78d Color Conversion

Color Schemes with #45a78d

Alternatives to #45a78d

#45a78d Preview

Shades and Tints of #45a78d

Tones of #45a78d

Color Blindness Simulator