#45c674 hex color

In a RGB color space, hex #45c674 is composed of 27.1% red, 77.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 41.4% yellow and 22.4% black. It has a hue angle of 141.9 degrees, a saturation of 53.1% and a lightness of 52.4%. #45c674 color hex could be obtained by blending #8affe8 with #008d00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 78
- B 45
RGB color chart
- C 65
- M 0
- Y 41
- K 22
CMYK color chart

● #45c674 color description : Moderate cyan - lime green.

The hexadecimal color #45c674 has RGB values of R:69, G:198, B:116 and CMYK values of C:0.65, M:0, Y:0.41, K:0.22. Its decimal value is 4572788.

Hex triplet	45c674	`#45c674`
RGB Decimal	69, 198, 116	`rgb(69,198,116)`
RGB Percent	27.1, 77.6, 45.5	`rgb(27.1%,77.6%,45.5%)`
CMYK	65, 0, 41, 22
HSL	141.9°, 53.1, 52.4	`hsl(141.9,53.1%,52.4%)`
HSV (or HSB)	141.9°, 65.2, 77.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	71.495, -53.398, 30.979
XYZ	25.799, 42.912, 23.445
xyY	0.28, 0.466, 42.912
CIE-LCH	71.495, 61.734, 149.88
CIE-LUV	71.495, -54.233, 49.908
Hunter-Lab	65.507, -44.338, 24.635
Binary	01000101, 11000110, 01110100

#45c674
```
#45c674 rgb(69,198,116)
```
#c64597
```
#c64597 rgb(198,69,151)
```

Complementary Color

#57c645
```
#57c645 rgb(87,198,69)
```
#45c674
```
#45c674 rgb(69,198,116)
```
#45c6b5
```
#45c6b5 rgb(69,198,181)
```

Analogous Color

#c64557
```
#c64557 rgb(198,69,87)
```
#45c674
```
#45c674 rgb(69,198,116)
```
#b545c6
```
#b545c6 rgb(181,69,198)
```

Split Complementary Color

#c67445
```
#c67445 rgb(198,116,69)
```
#45c674
```
#45c674 rgb(69,198,116)
```
#7445c6
```
#7445c6 rgb(116,69,198)
```

Triadic Color

#97c645
```
#97c645 rgb(151,198,69)
```
#45c674
```
#45c674 rgb(69,198,116)
```
#7445c6
```
#7445c6 rgb(116,69,198)
```
#c64597
```
#c64597 rgb(198,69,151)
```

Tetradic Color

#2d9252
```
#2d9252 rgb(45,146,82)
```
#33a55c
```
#33a55c rgb(51,165,92)
```
#39b967
```
#39b967 rgb(57,185,103)
```
#45c674
```
#45c674 rgb(69,198,116)
```
#59cc83
```
#59cc83 rgb(89,204,131)
```
#6cd291
```
#6cd291 rgb(108,210,145)
```
#80d8a0
```
#80d8a0 rgb(128,216,160)
```

Monochromatic Color

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

#45c654
```
#45c654 rgb(69,198,84)
```
#45c65e
```
#45c65e rgb(69,198,94)
```
#45c669
```
#45c669 rgb(69,198,105)
```
#45c674
```
#45c674 rgb(69,198,116)
```
#45c67f
```
#45c67f rgb(69,198,127)
```
#45c68a
```
#45c68a rgb(69,198,138)
```
#45c694
```
#45c694 rgb(69,198,148)
```

Similar Colors

Text with hexadecimal color #45c674

This text has a font color of #45c674.

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

#45c674 background color

This paragraph has a background color of #45c674.

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

#45c674 border color

This element has a border color of #45c674.

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

CSS codes

.text {color:#45c674;}

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

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

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

#030905
```
#030905 rgb(3,9,5)
```
#07180e
```
#07180e rgb(7,24,14)
```
#0c2716
```
#0c2716 rgb(12,39,22)
```
#11361e
```
#11361e rgb(17,54,30)
```
#154527
```
#154527 rgb(21,69,39)
```
#1a542f
```
#1a542f rgb(26,84,47)
```
#1e6338
```
#1e6338 rgb(30,99,56)
```
#237240
```
#237240 rgb(35,114,64)
```
#288148
```
#288148 rgb(40,129,72)
```
#2c9051
```
#2c9051 rgb(44,144,81)
```
#319f59
```
#319f59 rgb(49,159,89)
```
#35ae61
```
#35ae61 rgb(53,174,97)
```
#3abd6a
```
#3abd6a rgb(58,189,106)
```

Shade Color Variation

#45c674
```
#45c674 rgb(69,198,116)
```
#54cb7f
```
#54cb7f rgb(84,203,127)
```
#63cf8a
```
#63cf8a rgb(99,207,138)
```
#72d496
```
#72d496 rgb(114,212,150)
```
#81d8a1
```
#81d8a1 rgb(129,216,161)
```
#90ddac
```
#90ddac rgb(144,221,172)
```
#9fe2b7
```
#9fe2b7 rgb(159,226,183)
```
#aee6c3
```
#aee6c3 rgb(174,230,195)
```
#bdebce
```
#bdebce rgb(189,235,206)
```
#ccefd9
```
#ccefd9 rgb(204,239,217)
```
#dbf4e4
```
#dbf4e4 rgb(219,244,228)
```
#eaf9ef
```
#eaf9ef rgb(234,249,239)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8e83 is the less saturated color, while #0dfe65 is the most saturated one.

#7d8e83
```
#7d8e83 rgb(125,142,131)
```
#749781
```
#749781 rgb(116,151,129)
```
#6aa17e
```
#6aa17e rgb(106,161,126)
```
#61aa7c
```
#61aa7c rgb(97,170,124)
```
#58b379
```
#58b379 rgb(88,179,121)
```
#4ebd77
```
#4ebd77 rgb(78,189,119)
```
#45c674
```
#45c674 rgb(69,198,116)
```
#3ccf71
```
#3ccf71 rgb(60,207,113)
```
#32d96f
```
#32d96f rgb(50,217,111)
```
#29e26c
```
#29e26c rgb(41,226,108)
```
#20eb6a
```
#20eb6a rgb(32,235,106)
```
#16f567
```
#16f567 rgb(22,245,103)
```
#0dfe65
```
#0dfe65 rgb(13,254,101)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#86a08f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b373 Protanopia 1% of men
#d3ac85 Deuteranopia 1% of men
#6ebfcd Tritanopia 0.001% of the population

Trichromacy

#95ba73 Protanomaly 1% of men, 0.01% of women
#9fb57e Deuteranomaly 6% of men, 0.4% of women
#5fc1ac Tritanomaly 0.01% of the population

#45c674 hex color

#45c674 Color Information

#45c674 Color Conversion

Color Schemes with #45c674

Alternatives to #45c674

#45c674 Preview

Shades and Tints of #45c674

Tones of #45c674

Color Blindness Simulator