#45a425 hex color

In a RGB color space, hex #45a425 is composed of 27.1% red, 64.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 0% magenta, 77.4% yellow and 35.7% black. It has a hue angle of 104.9 degrees, a saturation of 63.2% and a lightness of 39.4%. #45a425 color hex could be obtained by blending #8aff4a with #004900. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 27
- G 64
- B 15
RGB color chart
- C 58
- M 0
- Y 77
- K 36
CMYK color chart

● #45a425 color description : Dark green.

The hexadecimal color #45a425 has RGB values of R:69, G:164, B:37 and CMYK values of C:0.58, M:0, Y:0.77, K:0.36. Its decimal value is 4564005.

Hex triplet	45a425	`#45a425`
RGB Decimal	69, 164, 37	`rgb(69,164,37)`
RGB Percent	27.1, 64.3, 14.5	`rgb(27.1%,64.3%,14.5%)`
CMYK	58, 0, 77, 36
HSL	104.9°, 63.2, 39.4	`hsl(104.9,63.2%,39.4%)`
HSV (or HSB)	104.9°, 77.4, 64.3
Web Safe	339933	`#339933`

CIE-LAB	59.842, -50.467, 53.414
XYZ	16.063, 27.948, 6.298
xyY	0.319, 0.556, 27.948
CIE-LCH	59.842, 73.485, 133.375
CIE-LUV	59.842, -43.856, 66.501
Hunter-Lab	52.866, -38.28, 29.943
Binary	01000101, 10100100, 00100101

#45a425
```
#45a425 rgb(69,164,37)
```
#8425a4
```
#8425a4 rgb(132,37,164)
```

Complementary Color

#85a425
```
#85a425 rgb(133,164,37)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#25a445
```
#25a445 rgb(37,164,69)
```

Analogous Color

#a42585
```
#a42585 rgb(164,37,133)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#4525a4
```
#4525a4 rgb(69,37,164)
```

Split Complementary Color

#a42545
```
#a42545 rgb(164,37,69)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#2545a4
```
#2545a4 rgb(37,69,164)
```

Triadic Color

#a48425
```
#a48425 rgb(164,132,37)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#2545a4
```
#2545a4 rgb(37,69,164)
```
#8425a4
```
#8425a4 rgb(132,37,164)
```

Tetradic Color

#2b6617
```
#2b6617 rgb(43,102,23)
```
#337a1c
```
#337a1c rgb(51,122,28)
```
#3c8f20
```
#3c8f20 rgb(60,143,32)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#4eb92a
```
#4eb92a rgb(78,185,42)
```
#57ce2e
```
#57ce2e rgb(87,206,46)
```
#66d441
```
#66d441 rgb(102,212,65)
```

Monochromatic Color

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

#65a425
```
#65a425 rgb(101,164,37)
```
#5aa425
```
#5aa425 rgb(90,164,37)
```
#50a425
```
#50a425 rgb(80,164,37)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#3aa425
```
#3aa425 rgb(58,164,37)
```
#30a425
```
#30a425 rgb(48,164,37)
```
#25a425
```
#25a425 rgb(37,164,37)
```

Similar Colors

Text with hexadecimal color #45a425

This text has a font color of #45a425.

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

#45a425 background color

This paragraph has a background color of #45a425.

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

#45a425 border color

This element has a border color of #45a425.

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

CSS codes

.text {color:#45a425;}

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

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

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

#020401
```
#020401 rgb(2,4,1)
```
#081405
```
#081405 rgb(8,20,5)
```
#0f2408
```
#0f2408 rgb(15,36,8)
```
#16340c
```
#16340c rgb(22,52,12)
```
#1d440f
```
#1d440f rgb(29,68,15)
```
#235413
```
#235413 rgb(35,84,19)
```
#2a6417
```
#2a6417 rgb(42,100,23)
```
#31741a
```
#31741a rgb(49,116,26)
```
#38841e
```
#38841e rgb(56,132,30)
```
#3e9421
```
#3e9421 rgb(62,148,33)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#4cb429
```
#4cb429 rgb(76,180,41)
```
#52c42c
```
#52c42c rgb(82,196,44)
```

Shade Color Variation

#5bd133
```
#5bd133 rgb(91,209,51)
```
#68d543
```
#68d543 rgb(104,213,67)
```
#74d853
```
#74d853 rgb(116,216,83)
```
#81dc63
```
#81dc63 rgb(129,220,99)
```
#8edf73
```
#8edf73 rgb(142,223,115)
```
#9be383
```
#9be383 rgb(155,227,131)
```
#a8e793
```
#a8e793 rgb(168,231,147)
```
#b5eaa3
```
#b5eaa3 rgb(181,234,163)
```
#c2eeb3
```
#c2eeb3 rgb(194,238,179)
```
#cff1c3
```
#cff1c3 rgb(207,241,195)
```
#dcf5d3
```
#dcf5d3 rgb(220,245,211)
```
#e8f9e3
```
#e8f9e3 rgb(232,249,227)
```
#f5fcf3
```
#f5fcf3 rgb(245,252,243)
```

Tint Color Variation

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

#646663
```
#646663 rgb(100,102,99)
```
#606e5b
```
#606e5b rgb(96,110,91)
```
#5c7653
```
#5c7653 rgb(92,118,83)
```
#587d4c
```
#587d4c rgb(88,125,76)
```
#548544
```
#548544 rgb(84,133,68)
```
#518d3c
```
#518d3c rgb(81,141,60)
```
#4d9534
```
#4d9534 rgb(77,149,52)
```
#499c2d
```
#499c2d rgb(73,156,45)
```
#45a425
```
#45a425 rgb(69,164,37)
```
#41ac1d
```
#41ac1d rgb(65,172,29)
```
#3db316
```
#3db316 rgb(61,179,22)
```
#39bb0e
```
#39bb0e rgb(57,187,14)
```
#36c306
```
#36c306 rgb(54,195,6)
```

Tone Color Variation

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

#a7962b Protanopia 1% of men
#b98f3d Deuteranopia 1% of men
#6a9da9 Tritanopia 0.001% of the population

Trichromacy

#839b29 Protanomaly 1% of men, 0.01% of women
#8e9634 Deuteranomaly 6% of men, 0.4% of women
#5ca079 Tritanomaly 0.01% of the population

#45a425 hex color

#45a425 Color Information

#45a425 Color Conversion

Color Schemes with #45a425

Alternatives to #45a425

#45a425 Preview

Shades and Tints of #45a425

Tones of #45a425

Color Blindness Simulator