#45b478 hex color

In a RGB color space, hex #45b478 is composed of 27.1% red, 70.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 33.3% yellow and 29.4% black. It has a hue angle of 147.6 degrees, a saturation of 44.6% and a lightness of 48.8%. #45b478 color hex could be obtained by blending #8afff0 with #006900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 71
- B 47
RGB color chart
- C 62
- M 0
- Y 33
- K 29
CMYK color chart

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

The hexadecimal color #45b478 has RGB values of R:69, G:180, B:120 and CMYK values of C:0.62, M:0, Y:0.33, K:0.29. Its decimal value is 4568184.

Hex triplet	45b478	`#45b478`
RGB Decimal	69, 180, 120	`rgb(69,180,120)`
RGB Percent	27.1, 70.6, 47.1	`rgb(27.1%,70.6%,47.1%)`
CMYK	62, 0, 33, 29
HSL	147.6°, 44.6, 48.8	`hsl(147.6,44.6%,48.8%)`
HSV (or HSB)	147.6°, 61.7, 70.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.952, -45.485, 21.488
XYZ	22.164, 35.262, 23.406
xyY	0.274, 0.436, 35.262
CIE-LCH	65.952, 50.305, 154.713
CIE-LUV	65.952, -47.282, 36.395
Hunter-Lab	59.382, -37.293, 18.197
Binary	01000101, 10110100, 01111000

#45b478
```
#45b478 rgb(69,180,120)
```
#b44581
```
#b44581 rgb(180,69,129)
```

Complementary Color

#4ab445
```
#4ab445 rgb(74,180,69)
```
#45b478
```
#45b478 rgb(69,180,120)
```
#45b4b0
```
#45b4b0 rgb(69,180,176)
```

Analogous Color

#b4454a
```
#b4454a rgb(180,69,74)
```
#45b478
```
#45b478 rgb(69,180,120)
```
#b045b4
```
#b045b4 rgb(176,69,180)
```

Split Complementary Color

#b47845
```
#b47845 rgb(180,120,69)
```
#45b478
```
#45b478 rgb(69,180,120)
```
#7845b4
```
#7845b4 rgb(120,69,180)
```

Triadic Color

#81b445
```
#81b445 rgb(129,180,69)
```
#45b478
```
#45b478 rgb(69,180,120)
```
#7845b4
```
#7845b4 rgb(120,69,180)
```
#b44581
```
#b44581 rgb(180,69,129)
```

Tetradic Color

#307d53
```
#307d53 rgb(48,125,83)
```
#378f5f
```
#378f5f rgb(55,143,95)
```
#3ea26c
```
#3ea26c rgb(62,162,108)
```
#45b478
```
#45b478 rgb(69,180,120)
```
#55be85
```
#55be85 rgb(85,190,133)
```
#67c592
```
#67c592 rgb(103,197,146)
```
#7acc9f
```
#7acc9f rgb(122,204,159)
```

Monochromatic Color

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

#45b45c
```
#45b45c rgb(69,180,92)
```
#45b466
```
#45b466 rgb(69,180,102)
```
#45b46f
```
#45b46f rgb(69,180,111)
```
#45b478
```
#45b478 rgb(69,180,120)
```
#45b481
```
#45b481 rgb(69,180,129)
```
#45b48b
```
#45b48b rgb(69,180,139)
```
#45b494
```
#45b494 rgb(69,180,148)
```

Similar Colors

Text with hexadecimal color #45b478

This text has a font color of #45b478.

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

#45b478 background color

This paragraph has a background color of #45b478.

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

#45b478 border color

This element has a border color of #45b478.

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

CSS codes

.text {color:#45b478;}

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

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

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

#040a07
```
#040a07 rgb(4,10,7)
```
#091810
```
#091810 rgb(9,24,16)
```
#0f2619
```
#0f2619 rgb(15,38,25)
```
#143423
```
#143423 rgb(20,52,35)
```
#1a432c
```
#1a432c rgb(26,67,44)
```
#1f5136
```
#1f5136 rgb(31,81,54)
```
#245f3f
```
#245f3f rgb(36,95,63)
```
#2a6d49
```
#2a6d49 rgb(42,109,73)
```
#2f7b52
```
#2f7b52 rgb(47,123,82)
```
#35895c
```
#35895c rgb(53,137,92)
```
#3a9865
```
#3a9865 rgb(58,152,101)
```
#40a66f
```
#40a66f rgb(64,166,111)
```
#45b478
```
#45b478 rgb(69,180,120)
```

Shade Color Variation

#51bc82
```
#51bc82 rgb(81,188,130)
```
#5fc28c
```
#5fc28c rgb(95,194,140)
```
#6dc796
```
#6dc796 rgb(109,199,150)
```
#7bcca0
```
#7bcca0 rgb(123,204,160)
```
#89d2ab
```
#89d2ab rgb(137,210,171)
```
#97d7b5
```
#97d7b5 rgb(151,215,181)
```
#a6ddbf
```
#a6ddbf rgb(166,221,191)
```
#b4e2c9
```
#b4e2c9 rgb(180,226,201)
```
#c2e8d3
```
#c2e8d3 rgb(194,232,211)
```
#d0eddd
```
#d0eddd rgb(208,237,221)
```
#def2e8
```
#def2e8 rgb(222,242,232)
```
#ecf8f2
```
#ecf8f2 rgb(236,248,242)
```
#fbfdfc
```
#fbfdfc rgb(251,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75847c is the less saturated color, while #02f773 is the most saturated one.

#75847c
```
#75847c rgb(117,132,124)
```
#6b8e7b
```
#6b8e7b rgb(107,142,123)
```
#62977a
```
#62977a rgb(98,151,122)
```
#58a17a
```
#58a17a rgb(88,161,122)
```
#4faa79
```
#4faa79 rgb(79,170,121)
```
#45b478
```
#45b478 rgb(69,180,120)
```
#3bbe77
```
#3bbe77 rgb(59,190,119)
```
#32c776
```
#32c776 rgb(50,199,118)
```
#28d176
```
#28d176 rgb(40,209,118)
```
#1fda75
```
#1fda75 rgb(31,218,117)
```
#15e474
```
#15e474 rgb(21,228,116)
```
#0ced73
```
#0ced73 rgb(12,237,115)
```
#02f773
```
#02f773 rgb(2,247,115)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e9488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a577 Protanopia 1% of men
#be9f87 Deuteranopia 1% of men
#66afbc Tritanopia 0.001% of the population

Trichromacy

#8aaa77 Protanomaly 1% of men, 0.01% of women
#92a681 Deuteranomaly 6% of men, 0.4% of women
#5ab1a3 Tritanomaly 0.01% of the population

#45b478 hex color

#45b478 Color Information

#45b478 Color Conversion

Color Schemes with #45b478

Alternatives to #45b478

#45b478 Preview

Shades and Tints of #45b478

Tones of #45b478

Color Blindness Simulator