#45af1f hex color

In a RGB color space, hex #45af1f is composed of 27.1% red, 68.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 0% magenta, 82.3% yellow and 31.4% black. It has a hue angle of 104.2 degrees, a saturation of 69.9% and a lightness of 40.4%. #45af1f color hex could be obtained by blending #8aff3e with #005f00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 27
- G 69
- B 12
RGB color chart
- C 61
- M 0
- Y 82
- K 31
CMYK color chart

● #45af1f color description : Dark green.

The hexadecimal color #45af1f has RGB values of R:69, G:175, B:31 and CMYK values of C:0.61, M:0, Y:0.82, K:0.31. Its decimal value is 4566815.

Hex triplet	45af1f	`#45af1f`
RGB Decimal	69, 175, 31	`rgb(69,175,31)`
RGB Percent	27.1, 68.6, 12.2	`rgb(27.1%,68.6%,12.2%)`
CMYK	61, 0, 82, 31
HSL	104.2°, 69.9, 40.4	`hsl(104.2,69.9%,40.4%)`
HSV (or HSB)	104.2°, 82.3, 68.6
Web Safe	339933	`#339933`

CIE-LAB	63.362, -54.781, 58.557
XYZ	18.031, 32.023, 6.527
xyY	0.319, 0.566, 32.023
CIE-LCH	63.362, 80.186, 133.092
CIE-LUV	63.362, -48.263, 72.563
Hunter-Lab	56.589, -42.155, 32.773
Binary	01000101, 10101111, 00011111

#45af1f
```
#45af1f rgb(69,175,31)
```
#891faf
```
#891faf rgb(137,31,175)
```

Complementary Color

#8daf1f
```
#8daf1f rgb(141,175,31)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#1faf41
```
#1faf41 rgb(31,175,65)
```

Analogous Color

#af1f8d
```
#af1f8d rgb(175,31,141)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#411faf
```
#411faf rgb(65,31,175)
```

Split Complementary Color

#af1f45
```
#af1f45 rgb(175,31,69)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#1f45af
```
#1f45af rgb(31,69,175)
```

Triadic Color

#af891f
```
#af891f rgb(175,137,31)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#1f45af
```
#1f45af rgb(31,69,175)
```
#891faf
```
#891faf rgb(137,31,175)
```

Tetradic Color

#2b6e13
```
#2b6e13 rgb(43,110,19)
```
#348417
```
#348417 rgb(52,132,23)
```
#3c991b
```
#3c991b rgb(60,153,27)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#4ec523
```
#4ec523 rgb(78,197,35)
```
#57d928
```
#57d928 rgb(87,217,40)
```
#68dd3e
```
#68dd3e rgb(104,221,62)
```

Monochromatic Color

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

#69af1f
```
#69af1f rgb(105,175,31)
```
#5daf1f
```
#5daf1f rgb(93,175,31)
```
#51af1f
```
#51af1f rgb(81,175,31)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#39af1f
```
#39af1f rgb(57,175,31)
```
#2daf1f
```
#2daf1f rgb(45,175,31)
```
#21af1f
```
#21af1f rgb(33,175,31)
```

Similar Colors

Text with hexadecimal color #45af1f

This text has a font color of #45af1f.

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

#45af1f background color

This paragraph has a background color of #45af1f.

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

#45af1f border color

This element has a border color of #45af1f.

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

CSS codes

.text {color:#45af1f;}

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

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

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

#030801
```
#030801 rgb(3,8,1)
```
#0a1904
```
#0a1904 rgb(10,25,4)
```
#102a07
```
#102a07 rgb(16,42,7)
```
#173a0a
```
#173a0a rgb(23,58,10)
```
#1e4b0d
```
#1e4b0d rgb(30,75,13)
```
#245c10
```
#245c10 rgb(36,92,16)
```
#2b6c13
```
#2b6c13 rgb(43,108,19)
```
#317d16
```
#317d16 rgb(49,125,22)
```
#388e19
```
#388e19 rgb(56,142,25)
```
#3e9e1c
```
#3e9e1c rgb(62,158,28)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#4cc022
```
#4cc022 rgb(76,192,34)
```
#52d025
```
#52d025 rgb(82,208,37)
```

Shade Color Variation

#5cda2f
```
#5cda2f rgb(92,218,47)
```
#69dd3f
```
#69dd3f rgb(105,221,63)
```
#76e050
```
#76e050 rgb(118,224,80)
```
#83e361
```
#83e361 rgb(131,227,97)
```
#90e671
```
#90e671 rgb(144,230,113)
```
#9de982
```
#9de982 rgb(157,233,130)
```
#aaec93
```
#aaec93 rgb(170,236,147)
```
#b7efa3
```
#b7efa3 rgb(183,239,163)
```
#c4f2b4
```
#c4f2b4 rgb(196,242,180)
```
#d1f5c5
```
#d1f5c5 rgb(209,245,197)
```
#def8d5
```
#def8d5 rgb(222,248,213)
```
#ebfbe6
```
#ebfbe6 rgb(235,251,230)
```
#f9fef7
```
#f9fef7 rgb(249,254,247)
```

Tint Color Variation

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

#676866
```
#676866 rgb(103,104,102)
```
#63705e
```
#63705e rgb(99,112,94)
```
#5f7856
```
#5f7856 rgb(95,120,86)
```
#5b7f4f
```
#5b7f4f rgb(91,127,79)
```
#588747
```
#588747 rgb(88,135,71)
```
#548f3f
```
#548f3f rgb(84,143,63)
```
#509737
```
#509737 rgb(80,151,55)
```
#4c9f2f
```
#4c9f2f rgb(76,159,47)
```
#49a727
```
#49a727 rgb(73,167,39)
```
#45af1f
```
#45af1f rgb(69,175,31)
```
#41b717
```
#41b717 rgb(65,183,23)
```
#3ebf0f
```
#3ebf0f rgb(62,191,15)
```
#3ac707
```
#3ac707 rgb(58,199,7)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#73896c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f25 Protanopia 1% of men
#c4973a Deuteranopia 1% of men
#6ea7b3 Tritanopia 0.001% of the population

Trichromacy

#8aa422 Protanomaly 1% of men, 0.01% of women
#969f30 Deuteranomaly 6% of men, 0.4% of women
#5faa7d Tritanomaly 0.01% of the population

#45af1f hex color

#45af1f Color Information

#45af1f Color Conversion

Color Schemes with #45af1f

Alternatives to #45af1f

#45af1f Preview

Shades and Tints of #45af1f

Tones of #45af1f

Color Blindness Simulator