#45a78f hex color

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

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

● #45a78f color description : Dark moderate cyan.

The hexadecimal color #45a78f has RGB values of R:69, G:167, B:143 and CMYK values of C:0.59, M:0, Y:0.14, K:0.35. Its decimal value is 4564879.

Hex triplet	45a78f	`#45a78f`
RGB Decimal	69, 167, 143	`rgb(69,167,143)`
RGB Percent	27.1, 65.5, 56.1	`rgb(27.1%,65.5%,56.1%)`
CMYK	59, 0, 14, 35
HSL	165.3°, 41.5, 46.3	`hsl(165.3,41.5%,46.3%)`
HSV (or HSB)	165.3°, 58.7, 65.5
Web Safe	339999	`#339999`

CIE-LAB	62.41, -34.606, 3.861
XYZ	21.229, 30.884, 30.828
xyY	0.256, 0.372, 30.884
CIE-LCH	62.41, 34.82, 173.633
CIE-LUV	62.41, -41.105, 10.883
Hunter-Lab	55.573, -29.066, 6.012
Binary	01000101, 10100111, 10001111

#45a78f
```
#45a78f rgb(69,167,143)
```
#a7455d
```
#a7455d rgb(167,69,93)
```

Complementary Color

#45a75e
```
#45a75e rgb(69,167,94)
```
#45a78f
```
#45a78f rgb(69,167,143)
```
#458ea7
```
#458ea7 rgb(69,142,167)
```

Analogous Color

#a75e45
```
#a75e45 rgb(167,94,69)
```
#45a78f
```
#45a78f rgb(69,167,143)
```
#a7458e
```
#a7458e rgb(167,69,142)
```

Split Complementary Color

#a78f45
```
#a78f45 rgb(167,143,69)
```
#45a78f
```
#45a78f rgb(69,167,143)
```
#8f45a7
```
#8f45a7 rgb(143,69,167)
```

Triadic Color

#5da745
```
#5da745 rgb(93,167,69)
```
#45a78f
```
#45a78f rgb(69,167,143)
```
#8f45a7
```
#8f45a7 rgb(143,69,167)
```
#a7455d
```
#a7455d rgb(167,69,93)
```

Tetradic Color

#2f7161
```
#2f7161 rgb(47,113,97)
```
#368370
```
#368370 rgb(54,131,112)
```
#3e9580
```
#3e9580 rgb(62,149,128)
```
#45a78f
```
#45a78f rgb(69,167,143)
```
#4fb69d
```
#4fb69d rgb(79,182,157)
```
#61bea7
```
#61bea7 rgb(97,190,167)
```
#73c5b1
```
#73c5b1 rgb(115,197,177)
```

Monochromatic Color

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

#45a777
```
#45a777 rgb(69,167,119)
```
#45a77f
```
#45a77f rgb(69,167,127)
```
#45a787
```
#45a787 rgb(69,167,135)
```
#45a78f
```
#45a78f rgb(69,167,143)
```
#45a797
```
#45a797 rgb(69,167,151)
```
#45a79f
```
#45a79f rgb(69,167,159)
```
#45a7a7
```
#45a7a7 rgb(69,167,167)
```

Similar Colors

Text with hexadecimal color #45a78f

This text has a font color of #45a78f.

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

#45a78f background color

This paragraph has a background color of #45a78f.

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

#45a78f border color

This element has a border color of #45a78f.

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

CSS codes

.text {color:#45a78f;}

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

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

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 #f2f9f8 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)
```
#173830
```
#173830 rgb(23,56,48)
```
#1d463c
```
#1d463c rgb(29,70,60)
```
#235448
```
#235448 rgb(35,84,72)
```
#286254
```
#286254 rgb(40,98,84)
```
#2e6f5f
```
#2e6f5f rgb(46,111,95)
```
#347d6b
```
#347d6b rgb(52,125,107)
```
#3a8b77
```
#3a8b77 rgb(58,139,119)
```
#3f9983
```
#3f9983 rgb(63,153,131)
```
#45a78f
```
#45a78f rgb(69,167,143)
```

Shade Color Variation

#4bb59b
```
#4bb59b rgb(75,181,155)
```
#59baa2
```
#59baa2 rgb(89,186,162)
```
#67c0aa
```
#67c0aa rgb(103,192,170)
```
#75c6b2
```
#75c6b2 rgb(117,198,178)
```
#83ccba
```
#83ccba rgb(131,204,186)
```
#90d1c1
```
#90d1c1 rgb(144,209,193)
```
#9ed7c9
```
#9ed7c9 rgb(158,215,201)
```
#acddd1
```
#acddd1 rgb(172,221,209)
```
#bae3d9
```
#bae3d9 rgb(186,227,217)
```
#c8e8e0
```
#c8e8e0 rgb(200,232,224)
```
#d6eee8
```
#d6eee8 rgb(214,238,232)
```
#e4f4f0
```
#e4f4f0 rgb(228,244,240)
```
#f2f9f8
```
#f2f9f8 rgb(242,249,248)
```

Tint Color Variation

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

#727a78
```
#727a78 rgb(114,122,120)
```
#69837c
```
#69837c rgb(105,131,124)
```
#608c81
```
#608c81 rgb(96,140,129)
```
#579586
```
#579586 rgb(87,149,134)
```
#4e9e8a
```
#4e9e8a rgb(78,158,138)
```
#45a78f
```
#45a78f rgb(69,167,143)
```
#3cb094
```
#3cb094 rgb(60,176,148)
```
#33b998
```
#33b998 rgb(51,185,152)
```
#2ac29d
```
#2ac29d rgb(42,194,157)
```
#21cba2
```
#21cba2 rgb(33,203,162)
```
#18d4a6
```
#18d4a6 rgb(24,212,166)
```
#0fddab
```
#0fddab rgb(15,221,171)
```
#05e7af
```
#05e7af rgb(5,231,175)
```

Tone Color Variation

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

Dichromacy

#a29b8d Protanopia 1% of men
#aa979b Deuteranopia 1% of men
#5ca7b3 Tritanopia 0.001% of the population

Trichromacy

#809f8d Protanomaly 1% of men, 0.01% of women
#859d97 Deuteranomaly 6% of men, 0.4% of women
#53a7a6 Tritanomaly 0.01% of the population

#45a78f hex color

#45a78f Color Information

#45a78f Color Conversion

Color Schemes with #45a78f

Alternatives to #45a78f

#45a78f Preview

Shades and Tints of #45a78f

Tones of #45a78f

Color Blindness Simulator