#45d474 hex color

In a RGB color space, hex #45d474 is composed of 27.1% red, 83.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 0% magenta, 45.3% yellow and 16.9% black. It has a hue angle of 139.7 degrees, a saturation of 62.4% and a lightness of 55.1%. #45d474 color hex could be obtained by blending #8affe8 with #00a900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 27
- G 83
- B 45
RGB color chart
- C 67
- M 0
- Y 45
- K 17
CMYK color chart

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

The hexadecimal color #45d474 has RGB values of R:69, G:212, B:116 and CMYK values of C:0.67, M:0, Y:0.45, K:0.17. Its decimal value is 4576372.

Hex triplet	45d474	`#45d474`
RGB Decimal	69, 212, 116	`rgb(69,212,116)`
RGB Percent	27.1, 83.1, 45.5	`rgb(27.1%,83.1%,45.5%)`
CMYK	67, 0, 45, 17
HSL	139.7°, 62.4, 55.1	`hsl(139.7,62.4%,55.1%)`
HSV (or HSB)	139.7°, 67.5, 83.1
Web Safe	33cc66	`#33cc66`

CIE-LAB	75.83, -58.637, 36.579
XYZ	29.148, 49.61, 24.562
xyY	0.282, 0.48, 49.61
CIE-LCH	75.83, 69.111, 148.044
CIE-LUV	75.83, -59.329, 57.981
Hunter-Lab	70.435, -49.391, 28.629
Binary	01000101, 11010100, 01110100

#45d474
```
#45d474 rgb(69,212,116)
```
#d445a5
```
#d445a5 rgb(212,69,165)
```

Complementary Color

#5ed445
```
#5ed445 rgb(94,212,69)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#45d4bc
```
#45d4bc rgb(69,212,188)
```

Analogous Color

#d4455d
```
#d4455d rgb(212,69,93)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#bc45d4
```
#bc45d4 rgb(188,69,212)
```

Split Complementary Color

#d47445
```
#d47445 rgb(212,116,69)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#7445d4
```
#7445d4 rgb(116,69,212)
```

Triadic Color

#a5d445
```
#a5d445 rgb(165,212,69)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#7445d4
```
#7445d4 rgb(116,69,212)
```
#d445a5
```
#d445a5 rgb(212,69,165)
```

Tetradic Color

#26a650
```
#26a650 rgb(38,166,80)
```
#2bbb5a
```
#2bbb5a rgb(43,187,90)
```
#30cf65
```
#30cf65 rgb(48,207,101)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#5ad983
```
#5ad983 rgb(90,217,131)
```
#6ede93
```
#6ede93 rgb(110,222,147)
```
#83e2a2
```
#83e2a2 rgb(131,226,162)
```

Monochromatic Color

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

#45d450
```
#45d450 rgb(69,212,80)
```
#45d45c
```
#45d45c rgb(69,212,92)
```
#45d468
```
#45d468 rgb(69,212,104)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#45d480
```
#45d480 rgb(69,212,128)
```
#45d48c
```
#45d48c rgb(69,212,140)
```
#45d498
```
#45d498 rgb(69,212,152)
```

Similar Colors

Text with hexadecimal color #45d474

This text has a font color of #45d474.

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

#45d474 background color

This paragraph has a background color of #45d474.

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

#45d474 border color

This element has a border color of #45d474.

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

CSS codes

.text {color:#45d474;}

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

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

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

#010503
```
#010503 rgb(1,5,3)
```
#05150a
```
#05150a rgb(5,21,10)
```
#092512
```
#092512 rgb(9,37,18)
```
#0c351a
```
#0c351a rgb(12,53,26)
```
#104521
```
#104521 rgb(16,69,33)
```
#145529
```
#145529 rgb(20,85,41)
```
#176531
```
#176531 rgb(23,101,49)
```
#1b7538
```
#1b7538 rgb(27,117,56)
```
#1f8540
```
#1f8540 rgb(31,133,64)
```
#229548
```
#229548 rgb(34,149,72)
```
#26a550
```
#26a550 rgb(38,165,80)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#2dc45f
```
#2dc45f rgb(45,196,95)
```

Shade Color Variation

#35d068
```
#35d068 rgb(53,208,104)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#55d880
```
#55d880 rgb(85,216,128)
```
#65db8c
```
#65db8c rgb(101,219,140)
```
#75df98
```
#75df98 rgb(117,223,152)
```
#85e3a4
```
#85e3a4 rgb(133,227,164)
```
#95e6b0
```
#95e6b0 rgb(149,230,176)
```
#a5eabb
```
#a5eabb rgb(165,234,187)
```
#b5eec7
```
#b5eec7 rgb(181,238,199)
```
#c4f1d3
```
#c4f1d3 rgb(196,241,211)
```
#d4f5df
```
#d4f5df rgb(212,245,223)
```
#e4f9eb
```
#e4f9eb rgb(228,249,235)
```
#f4fdf7
```
#f4fdf7 rgb(244,253,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e8c is the less saturated color, while #22f768 is the most saturated one.

#8b8e8c
```
#8b8e8c rgb(139,142,140)
```
#839689
```
#839689 rgb(131,150,137)
```
#7a9f86
```
#7a9f86 rgb(122,159,134)
```
#71a883
```
#71a883 rgb(113,168,131)
```
#68b180
```
#68b180 rgb(104,177,128)
```
#5fba7d
```
#5fba7d rgb(95,186,125)
```
#57c27a
```
#57c27a rgb(87,194,122)
```
#4ecb77
```
#4ecb77 rgb(78,203,119)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#3cdd71
```
#3cdd71 rgb(60,221,113)
```
#33e66e
```
#33e66e rgb(51,230,110)
```
#2bee6b
```
#2bee6b rgb(43,238,107)
```
#22f768
```
#22f768 rgb(34,247,104)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8ca996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0be72 Protanopia 1% of men
#e1b686 Deuteranopia 1% of men
#73cbda Tritanopia 0.001% of the population

Trichromacy

#9dc673 Protanomaly 1% of men, 0.01% of women
#a8c17f Deuteranomaly 6% of men, 0.4% of women
#62ceb4 Tritanomaly 0.01% of the population

#45d474 hex color

#45d474 Color Information

#45d474 Color Conversion

Color Schemes with #45d474

Alternatives to #45d474

#45d474 Preview

Shades and Tints of #45d474

Tones of #45d474

Color Blindness Simulator