#45a522 hex color

In a RGB color space, hex #45a522 is composed of 27.1% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 0% magenta, 79.4% yellow and 35.3% black. It has a hue angle of 104 degrees, a saturation of 65.8% and a lightness of 39%. #45a522 color hex could be obtained by blending #8aff44 with #004b00. Closest websafe color is: #339933.

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

● #45a522 color description : Dark green.

The hexadecimal color #45a522 has RGB values of R:69, G:165, B:34 and CMYK values of C:0.58, M:0, Y:0.79, K:0.35. Its decimal value is 4564258.

Hex triplet	45a522	`#45a522`
RGB Decimal	69, 165, 34	`rgb(69,165,34)`
RGB Percent	27.1, 64.7, 13.3	`rgb(27.1%,64.7%,13.3%)`
CMYK	58, 0, 79, 35
HSL	104°, 65.8, 39	`hsl(104,65.8%,39%)`
HSV (or HSB)	104°, 79.4, 64.7
Web Safe	339933	`#339933`

CIE-LAB	60.15, -51.023, 54.68
XYZ	16.197, 28.29, 6.12
xyY	0.32, 0.559, 28.29
CIE-LCH	60.15, 74.788, 133.018
CIE-LUV	60.15, -44.302, 67.623
Hunter-Lab	53.188, -38.72, 30.409
Binary	01000101, 10100101, 00100010

#45a522
```
#45a522 rgb(69,165,34)
```
#8222a5
```
#8222a5 rgb(130,34,165)
```

Complementary Color

#87a522
```
#87a522 rgb(135,165,34)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#22a540
```
#22a540 rgb(34,165,64)
```

Analogous Color

#a52287
```
#a52287 rgb(165,34,135)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#4022a5
```
#4022a5 rgb(64,34,165)
```

Split Complementary Color

#a52245
```
#a52245 rgb(165,34,69)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#2245a5
```
#2245a5 rgb(34,69,165)
```

Triadic Color

#a58222
```
#a58222 rgb(165,130,34)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#2245a5
```
#2245a5 rgb(34,69,165)
```
#8222a5
```
#8222a5 rgb(130,34,165)
```

Tetradic Color

#2a6615
```
#2a6615 rgb(42,102,21)
```
#337b19
```
#337b19 rgb(51,123,25)
```
#3c901e
```
#3c901e rgb(60,144,30)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#4eba26
```
#4eba26 rgb(78,186,38)
```
#57cf2b
```
#57cf2b rgb(87,207,43)
```
#66d73d
```
#66d73d rgb(102,215,61)
```

Monochromatic Color

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

#66a522
```
#66a522 rgb(102,165,34)
```
#5ba522
```
#5ba522 rgb(91,165,34)
```
#50a522
```
#50a522 rgb(80,165,34)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#3aa522
```
#3aa522 rgb(58,165,34)
```
#2fa522
```
#2fa522 rgb(47,165,34)
```
#24a522
```
#24a522 rgb(36,165,34)
```

Similar Colors

Text with hexadecimal color #45a522

This text has a font color of #45a522.

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

#45a522 background color

This paragraph has a background color of #45a522.

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

#45a522 border color

This element has a border color of #45a522.

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

CSS codes

.text {color:#45a522;}

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

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

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

#010200
```
#010200 rgb(1,2,0)
```
#081304
```
#081304 rgb(8,19,4)
```
#0f2307
```
#0f2307 rgb(15,35,7)
```
#15330b
```
#15330b rgb(21,51,11)
```
#1c430e
```
#1c430e rgb(28,67,14)
```
#235411
```
#235411 rgb(35,84,17)
```
#2a6415
```
#2a6415 rgb(42,100,21)
```
#317418
```
#317418 rgb(49,116,24)
```
#37841b
```
#37841b rgb(55,132,27)
```
#3e951f
```
#3e951f rgb(62,149,31)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#4cb525
```
#4cb525 rgb(76,181,37)
```
#53c629
```
#53c629 rgb(83,198,41)
```

Shade Color Variation

#5ad42e
```
#5ad42e rgb(90,212,46)
```
#67d73e
```
#67d73e rgb(103,215,62)
```
#74db4e
```
#74db4e rgb(116,219,78)
```
#81de5f
```
#81de5f rgb(129,222,95)
```
#8ee16f
```
#8ee16f rgb(142,225,111)
```
#9ae57f
```
#9ae57f rgb(154,229,127)
```
#a7e890
```
#a7e890 rgb(167,232,144)
```
#b4eba0
```
#b4eba0 rgb(180,235,160)
```
#c1efb0
```
#c1efb0 rgb(193,239,176)
```
#cef2c0
```
#cef2c0 rgb(206,242,192)
```
#daf5d1
```
#daf5d1 rgb(218,245,209)
```
#e7f9e1
```
#e7f9e1 rgb(231,249,225)
```
#f4fcf1
```
#f4fcf1 rgb(244,252,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #62685f is the less saturated color, while #37c403 is the most saturated one.

#62685f
```
#62685f rgb(98,104,95)
```
#5e6f58
```
#5e6f58 rgb(94,111,88)
```
#5a7750
```
#5a7750 rgb(90,119,80)
```
#577f48
```
#577f48 rgb(87,127,72)
```
#538641
```
#538641 rgb(83,134,65)
```
#508e39
```
#508e39 rgb(80,142,57)
```
#4c9631
```
#4c9631 rgb(76,150,49)
```
#499d2a
```
#499d2a rgb(73,157,42)
```
#45a522
```
#45a522 rgb(69,165,34)
```
#41ad1a
```
#41ad1a rgb(65,173,26)
```
#3eb413
```
#3eb413 rgb(62,180,19)
```
#3abc0b
```
#3abc0b rgb(58,188,11)
```
#37c403
```
#37c403 rgb(55,196,3)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6f8268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89628 Protanopia 1% of men
#ba8f3b Deuteranopia 1% of men
#6a9eaa Tritanopia 0.001% of the population

Trichromacy

#849c26 Protanomaly 1% of men, 0.01% of women
#8f9732 Deuteranomaly 6% of men, 0.4% of women
#5ca178 Tritanomaly 0.01% of the population

#45a522 hex color

#45a522 Color Information

#45a522 Color Conversion

Color Schemes with #45a522

Alternatives to #45a522

#45a522 Preview

Shades and Tints of #45a522

Tones of #45a522

Color Blindness Simulator