#45f170 hex color

In a RGB color space, hex #45f170 is composed of 27.1% red, 94.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 0% magenta, 53.5% yellow and 5.5% black. It has a hue angle of 135 degrees, a saturation of 86% and a lightness of 60.8%. #45f170 color hex could be obtained by blending #8affe0 with #00e300. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 27
- G 95
- B 44
RGB color chart
- C 71
- M 0
- Y 54
- K 5
CMYK color chart

● #45f170 color description : Bright cyan - lime green.

The hexadecimal color #45f170 has RGB values of R:69, G:241, B:112 and CMYK values of C:0.71, M:0, Y:0.54, K:0.05. Its decimal value is 4583792.

Hex triplet	45f170	`#45f170`
RGB Decimal	69, 241, 112	`rgb(69,241,112)`
RGB Percent	27.1, 94.5, 43.9	`rgb(27.1%,94.5%,43.9%)`
CMYK	71, 0, 54, 5
HSL	135°, 86, 60.8	`hsl(135,86%,60.8%)`
HSV (or HSB)	135°, 71.4, 94.5
Web Safe	33ff66	`#33ff66`

CIE-LAB	84.66, -69.349, 49.472
XYZ	36.832, 65.342, 26
xyY	0.287, 0.51, 65.342
CIE-LCH	84.66, 85.187, 144.497
CIE-LUV	84.66, -69.655, 75.654
Hunter-Lab	80.834, -60.127, 37.514
Binary	01000101, 11110001, 01110000

#45f170
```
#45f170 rgb(69,241,112)
```
#f145c6
```
#f145c6 rgb(241,69,198)
```

Complementary Color

#70f145
```
#70f145 rgb(112,241,69)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#45f1c6
```
#45f1c6 rgb(69,241,198)
```

Analogous Color

#f14570
```
#f14570 rgb(241,69,112)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#c645f1
```
#c645f1 rgb(198,69,241)
```

Split Complementary Color

#f17045
```
#f17045 rgb(241,112,69)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#7045f1
```
#7045f1 rgb(112,69,241)
```

Triadic Color

#c6f145
```
#c6f145 rgb(198,241,69)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#7045f1
```
#7045f1 rgb(112,69,241)
```
#f145c6
```
#f145c6 rgb(241,69,198)
```

Tetradic Color

#10d943
```
#10d943 rgb(16,217,67)
```
#16ed4c
```
#16ed4c rgb(22,237,76)
```
#2def5e
```
#2def5e rgb(45,239,94)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#5df382
```
#5df382 rgb(93,243,130)
```
#74f594
```
#74f594 rgb(116,245,148)
```
#8cf6a7
```
#8cf6a7 rgb(140,246,167)
```

Monochromatic Color

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

#45f145
```
#45f145 rgb(69,241,69)
```
#45f153
```
#45f153 rgb(69,241,83)
```
#45f162
```
#45f162 rgb(69,241,98)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#45f17e
```
#45f17e rgb(69,241,126)
```
#45f18d
```
#45f18d rgb(69,241,141)
```
#45f19b
```
#45f19b rgb(69,241,155)
```

Similar Colors

Text with hexadecimal color #45f170

This text has a font color of #45f170.

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

#45f170 background color

This paragraph has a background color of #45f170.

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

#45f170 border color

This element has a border color of #45f170.

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

CSS codes

.text {color:#45f170;}

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

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

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, #010f04 is the darkest color, while #fbfffc is the lightest one.

#010f04
```
#010f04 rgb(1,15,4)
```
#02210a
```
#02210a rgb(2,33,10)
```
#043310
```
#043310 rgb(4,51,16)
```
#054515
```
#054515 rgb(5,69,21)
```
#07581b
```
#07581b rgb(7,88,27)
```
#086a20
```
#086a20 rgb(8,106,32)
```
#097c26
```
#097c26 rgb(9,124,38)
```
#0b8e2c
```
#0b8e2c rgb(11,142,44)
```
#0ca131
```
#0ca131 rgb(12,161,49)
```
#0db337
```
#0db337 rgb(13,179,55)
```
#0fc53c
```
#0fc53c rgb(15,197,60)
```
#10d742
```
#10d742 rgb(16,215,66)
```
#12ea48
```
#12ea48 rgb(18,234,72)
```

Shade Color Variation

#21ee54
```
#21ee54 rgb(33,238,84)
```
#33f062
```
#33f062 rgb(51,240,98)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#57f27e
```
#57f27e rgb(87,242,126)
```
#69f48c
```
#69f48c rgb(105,244,140)
```
#7cf59a
```
#7cf59a rgb(124,245,154)
```
#8ef6a8
```
#8ef6a8 rgb(142,246,168)
```
#a0f8b6
```
#a0f8b6 rgb(160,248,182)
```
#b2f9c4
```
#b2f9c4 rgb(178,249,196)
```
#c5fbd2
```
#c5fbd2 rgb(197,251,210)
```
#d7fce0
```
#d7fce0 rgb(215,252,224)
```
#e9fdee
```
#e9fdee rgb(233,253,238)
```
#fbfffc
```
#fbfffc rgb(251,255,252)
```

Tint Color Variation

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

#9a9c9a
```
#9a9c9a rgb(154,156,154)
```
#92a496
```
#92a496 rgb(146,164,150)
```
#8aac93
```
#8aac93 rgb(138,172,147)
```
#83b38f
```
#83b38f rgb(131,179,143)
```
#7bbb8b
```
#7bbb8b rgb(123,187,139)
```
#73c387
```
#73c387 rgb(115,195,135)
```
#6bcb83
```
#6bcb83 rgb(107,203,131)
```
#64d27f
```
#64d27f rgb(100,210,127)
```
#5cda7c
```
#5cda7c rgb(92,218,124)
```
#54e278
```
#54e278 rgb(84,226,120)
```
#4de974
```
#4de974 rgb(77,233,116)
```
#45f170
```
#45f170 rgb(69,241,112)
```
#3df96c
```
#3df96c rgb(61,249,108)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9abca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd56e Protanopia 1% of men
#ffcd8b Deuteranopia 1% of men
#7fe4f4 Tritanopia 0.001% of the population

Trichromacy

#aedf6e Protanomaly 1% of men, 0.01% of women
#bbda81 Deuteranomaly 6% of men, 0.4% of women
#6ae8c4 Tritanomaly 0.01% of the population

#45f170 hex color

#45f170 Color Information

#45f170 Color Conversion

Color Schemes with #45f170

Alternatives to #45f170

#45f170 Preview

Shades and Tints of #45f170

Tones of #45f170

Color Blindness Simulator