#45a568 hex color

In a RGB color space, hex #45a568 is composed of 27.1% red, 64.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 0% magenta, 37% yellow and 35.3% black. It has a hue angle of 141.9 degrees, a saturation of 41% and a lightness of 45.9%. #45a568 color hex could be obtained by blending #8affd0 with #004b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 65
- B 41
RGB color chart
- C 58
- M 0
- Y 37
- K 35
CMYK color chart

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

The hexadecimal color #45a568 has RGB values of R:69, G:165, B:104 and CMYK values of C:0.58, M:0, Y:0.37, K:0.35. Its decimal value is 4564328.

Hex triplet	45a568	`#45a568`
RGB Decimal	69, 165, 104	`rgb(69,165,104)`
RGB Percent	27.1, 64.7, 40.8	`rgb(27.1%,64.7%,40.8%)`
CMYK	58, 0, 37, 35
HSL	141.9°, 41, 45.9	`hsl(141.9,41%,45.9%)`
HSV (or HSB)	141.9°, 58.2, 64.7
Web Safe	339966	`#339966`

CIE-LAB	60.934, -42.335, 23.376
XYZ	18.407, 29.174, 17.757
xyY	0.282, 0.447, 29.174
CIE-LCH	60.934, 48.36, 151.094
CIE-LUV	60.934, -42.196, 37.403
Hunter-Lab	54.013, -33.691, 18.317
Binary	01000101, 10100101, 01101000

#45a568
```
#45a568 rgb(69,165,104)
```
#a54582
```
#a54582 rgb(165,69,130)
```

Complementary Color

#52a545
```
#52a545 rgb(82,165,69)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#45a598
```
#45a598 rgb(69,165,152)
```

Analogous Color

#a54552
```
#a54552 rgb(165,69,82)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#9845a5
```
#9845a5 rgb(152,69,165)
```

Split Complementary Color

#a56845
```
#a56845 rgb(165,104,69)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#6845a5
```
#6845a5 rgb(104,69,165)
```

Triadic Color

#82a545
```
#82a545 rgb(130,165,69)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#6845a5
```
#6845a5 rgb(104,69,165)
```
#a54582
```
#a54582 rgb(165,69,130)
```

Tetradic Color

#2e6f46
```
#2e6f46 rgb(46,111,70)
```
#368151
```
#368151 rgb(54,129,81)
```
#3d935d
```
#3d935d rgb(61,147,93)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#4eb574
```
#4eb574 rgb(78,181,116)
```
#60bd82
```
#60bd82 rgb(96,189,130)
```
#72c490
```
#72c490 rgb(114,196,144)
```

Monochromatic Color

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

#45a550
```
#45a550 rgb(69,165,80)
```
#45a558
```
#45a558 rgb(69,165,88)
```
#45a560
```
#45a560 rgb(69,165,96)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#45a570
```
#45a570 rgb(69,165,112)
```
#45a578
```
#45a578 rgb(69,165,120)
```
#45a580
```
#45a580 rgb(69,165,128)
```

Similar Colors

Text with hexadecimal color #45a568

This text has a font color of #45a568.

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

#45a568 background color

This paragraph has a background color of #45a568.

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

#45a568 border color

This element has a border color of #45a568.

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

CSS codes

.text {color:#45a568;}

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

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

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, #050d08 is the darkest color, while #fefffe is the lightest one.

#050d08
```
#050d08 rgb(5,13,8)
```
#0b1b11
```
#0b1b11 rgb(11,27,17)
```
#11291a
```
#11291a rgb(17,41,26)
```
#173622
```
#173622 rgb(23,54,34)
```
#1d442b
```
#1d442b rgb(29,68,43)
```
#225234
```
#225234 rgb(34,82,52)
```
#28603c
```
#28603c rgb(40,96,60)
```
#2e6e45
```
#2e6e45 rgb(46,110,69)
```
#347c4e
```
#347c4e rgb(52,124,78)
```
#398957
```
#398957 rgb(57,137,87)
```
#3f975f
```
#3f975f rgb(63,151,95)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#4bb371
```
#4bb371 rgb(75,179,113)
```

Shade Color Variation

#58b97b
```
#58b97b rgb(88,185,123)
```
#66bf86
```
#66bf86 rgb(102,191,134)
```
#74c591
```
#74c591 rgb(116,197,145)
```
#82cb9c
```
#82cb9c rgb(130,203,156)
```
#8fd0a7
```
#8fd0a7 rgb(143,208,167)
```
#9dd6b2
```
#9dd6b2 rgb(157,214,178)
```
#abdcbd
```
#abdcbd rgb(171,220,189)
```
#b9e2c8
```
#b9e2c8 rgb(185,226,200)
```
#c7e7d3
```
#c7e7d3 rgb(199,231,211)
```
#d5edde
```
#d5edde rgb(213,237,222)
```
#e2f3e8
```
#e2f3e8 rgb(226,243,232)
```
#f0f9f3
```
#f0f9f3 rgb(240,249,243)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727874 is the less saturated color, while #06e457 is the most saturated one.

#727874
```
#727874 rgb(114,120,116)
```
#698172
```
#698172 rgb(105,129,114)
```
#608a6f
```
#608a6f rgb(96,138,111)
```
#57936d
```
#57936d rgb(87,147,109)
```
#4e9c6a
```
#4e9c6a rgb(78,156,106)
```
#45a568
```
#45a568 rgb(69,165,104)
```
#3cae66
```
#3cae66 rgb(60,174,102)
```
#33b763
```
#33b763 rgb(51,183,99)
```
#2ac061
```
#2ac061 rgb(42,192,97)
```
#21c95e
```
#21c95e rgb(33,201,94)
```
#18d25c
```
#18d25c rgb(24,210,92)
```
#0fdb59
```
#0fdb59 rgb(15,219,89)
```
#06e457
```
#06e457 rgb(6,228,87)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#75887c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49869 Protanopia 1% of men
#b29277 Deuteranopia 1% of men
#63a1ad Tritanopia 0.001% of the population

Trichromacy

#829d68 Protanomaly 1% of men, 0.01% of women
#8a9971 Deuteranomaly 6% of men, 0.4% of women
#58a394 Tritanomaly 0.01% of the population

#45a568 hex color

#45a568 Color Information

#45a568 Color Conversion

Color Schemes with #45a568

Alternatives to #45a568

#45a568 Preview

Shades and Tints of #45a568

Tones of #45a568

Color Blindness Simulator