#1faf45 hex color

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

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

● #1faf45 color description : Dark cyan - lime green.

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

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

CIE-LAB	62.826, -58.232, 43.349
XYZ	16.968, 31.379, 10.792
xyY	0.287, 0.531, 31.379
CIE-LCH	62.826, 72.596, 143.335
CIE-LUV	62.826, -54.986, 61.035
Hunter-Lab	56.017, -43.96, 27.789
Binary	00011111, 10101111, 01000101

#1faf45
```
#1faf45 rgb(31,175,69)
```
#af1f89
```
#af1f89 rgb(175,31,137)
```

Complementary Color

#41af1f
```
#41af1f rgb(65,175,31)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#1faf8d
```
#1faf8d rgb(31,175,141)
```

Analogous Color

#af1f41
```
#af1f41 rgb(175,31,65)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#8d1faf
```
#8d1faf rgb(141,31,175)
```

Split Complementary Color

#af451f
```
#af451f rgb(175,69,31)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#451faf
```
#451faf rgb(69,31,175)
```

Triadic Color

#89af1f
```
#89af1f rgb(137,175,31)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#451faf
```
#451faf rgb(69,31,175)
```
#af1f89
```
#af1f89 rgb(175,31,137)
```

Tetradic Color

#136e2b
```
#136e2b rgb(19,110,43)
```
#178434
```
#178434 rgb(23,132,52)
```
#1b993c
```
#1b993c rgb(27,153,60)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#23c54e
```
#23c54e rgb(35,197,78)
```
#28d957
```
#28d957 rgb(40,217,87)
```
#3edd68
```
#3edd68 rgb(62,221,104)
```

Monochromatic Color

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

#1faf21
```
#1faf21 rgb(31,175,33)
```
#1faf2d
```
#1faf2d rgb(31,175,45)
```
#1faf39
```
#1faf39 rgb(31,175,57)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#1faf51
```
#1faf51 rgb(31,175,81)
```
#1faf5d
```
#1faf5d rgb(31,175,93)
```
#1faf69
```
#1faf69 rgb(31,175,105)
```

Similar Colors

Text with hexadecimal color #1faf45

This text has a font color of #1faf45.

<span style="color:#1faf45;">Text here</span>

#1faf45 background color

This paragraph has a background color of #1faf45.

<p style="background-color:#1faf45;">Content here</p>

#1faf45 border color

This element has a border color of #1faf45.

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

CSS codes

.text {color:#1faf45;}

.background {background-color:#1faf45;}

.border {border:1px solid #1faf45;}

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

#010803
```
#010803 rgb(1,8,3)
```
#04190a
```
#04190a rgb(4,25,10)
```
#072a10
```
#072a10 rgb(7,42,16)
```
#0a3a17
```
#0a3a17 rgb(10,58,23)
```
#0d4b1e
```
#0d4b1e rgb(13,75,30)
```
#105c24
```
#105c24 rgb(16,92,36)
```
#136c2b
```
#136c2b rgb(19,108,43)
```
#167d31
```
#167d31 rgb(22,125,49)
```
#198e38
```
#198e38 rgb(25,142,56)
```
#1c9e3e
```
#1c9e3e rgb(28,158,62)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#22c04c
```
#22c04c rgb(34,192,76)
```
#25d052
```
#25d052 rgb(37,208,82)
```

Shade Color Variation

#2fda5c
```
#2fda5c rgb(47,218,92)
```
#3fdd69
```
#3fdd69 rgb(63,221,105)
```
#50e076
```
#50e076 rgb(80,224,118)
```
#61e383
```
#61e383 rgb(97,227,131)
```
#71e690
```
#71e690 rgb(113,230,144)
```
#82e99d
```
#82e99d rgb(130,233,157)
```
#93ecaa
```
#93ecaa rgb(147,236,170)
```
#a3efb7
```
#a3efb7 rgb(163,239,183)
```
#b4f2c4
```
#b4f2c4 rgb(180,242,196)
```
#c5f5d1
```
#c5f5d1 rgb(197,245,209)
```
#d5f8de
```
#d5f8de rgb(213,248,222)
```
#e6fbeb
```
#e6fbeb rgb(230,251,235)
```
#f7fef9
```
#f7fef9 rgb(247,254,249)
```

Tint Color Variation

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

#666867
```
#666867 rgb(102,104,103)
```
#5e7063
```
#5e7063 rgb(94,112,99)
```
#56785f
```
#56785f rgb(86,120,95)
```
#4f7f5b
```
#4f7f5b rgb(79,127,91)
```
#478758
```
#478758 rgb(71,135,88)
```
#3f8f54
```
#3f8f54 rgb(63,143,84)
```
#379750
```
#379750 rgb(55,151,80)
```
#2f9f4c
```
#2f9f4c rgb(47,159,76)
```
#27a749
```
#27a749 rgb(39,167,73)
```
#1faf45
```
#1faf45 rgb(31,175,69)
```
#17b741
```
#17b741 rgb(23,183,65)
```
#0fbf3e
```
#0fbf3e rgb(15,191,62)
```
#07c73a
```
#07c73a rgb(7,199,58)
```

Tone Color Variation

Below, you can see how #1faf45 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

#787878 Achromatopsia 0.005% of the population
#66836e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9d48 Protanopia 1% of men
#be9659 Deuteranopia 1% of men
#59a8b4 Tritanopia 0.001% of the population

Trichromacy

#7aa347 Protanomaly 1% of men, 0.01% of women
#849f52 Deuteranomaly 6% of men, 0.4% of women
#44aa8c Tritanomaly 0.01% of the population

#1faf45 hex color

#1faf45 Color Information

#1faf45 Color Conversion

Color Schemes with #1faf45

Alternatives to #1faf45

#1faf45 Preview

Shades and Tints of #1faf45

Tones of #1faf45

Color Blindness Simulator