#45d48f hex color

In a RGB color space, hex #45d48f is composed of 27.1% red, 83.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 0% magenta, 32.5% yellow and 16.9% black. It has a hue angle of 151 degrees, a saturation of 62.4% and a lightness of 55.1%. #45d48f color hex could be obtained by blending #8affff with #00a91f. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45d48f has RGB values of R:69, G:212, B:143 and CMYK values of C:0.67, M:0, Y:0.33, K:0.17. Its decimal value is 4576399.

Hex triplet	45d48f	`#45d48f`
RGB Decimal	69, 212, 143	`rgb(69,212,143)`
RGB Percent	27.1, 83.1, 56.1	`rgb(27.1%,83.1%,56.1%)`
CMYK	67, 0, 33, 17
HSL	151°, 62.4, 55.1	`hsl(151,62.4%,55.1%)`
HSV (or HSB)	151°, 67.5, 83.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.273, -53.727, 23.313
XYZ	30.953, 50.333, 34.069
xyY	0.268, 0.436, 50.333
CIE-LCH	76.273, 58.567, 156.543
CIE-LUV	76.273, -57.939, 41.353
Hunter-Lab	70.945, -46.275, 21.19
Binary	01000101, 11010100, 10001111

#45d48f
```
#45d48f rgb(69,212,143)
```
#d4458a
```
#d4458a rgb(212,69,138)
```

Complementary Color

#45d448
```
#45d448 rgb(69,212,72)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#45d2d4
```
#45d2d4 rgb(69,210,212)
```

Analogous Color

#d44845
```
#d44845 rgb(212,72,69)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#d445d2
```
#d445d2 rgb(212,69,210)
```

Split Complementary Color

#d48f45
```
#d48f45 rgb(212,143,69)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#8f45d4
```
#8f45d4 rgb(143,69,212)
```

Triadic Color

#8ad445
```
#8ad445 rgb(138,212,69)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#8f45d4
```
#8f45d4 rgb(143,69,212)
```
#d4458a
```
#d4458a rgb(212,69,138)
```

Tetradic Color

#26a668
```
#26a668 rgb(38,166,104)
```
#2bbb76
```
#2bbb76 rgb(43,187,118)
```
#30cf83
```
#30cf83 rgb(48,207,131)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#5ad99b
```
#5ad99b rgb(90,217,155)
```
#6edea8
```
#6edea8 rgb(110,222,168)
```
#83e2b4
```
#83e2b4 rgb(131,226,180)
```

Monochromatic Color

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

#45d46b
```
#45d46b rgb(69,212,107)
```
#45d477
```
#45d477 rgb(69,212,119)
```
#45d483
```
#45d483 rgb(69,212,131)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#45d49b
```
#45d49b rgb(69,212,155)
```
#45d4a7
```
#45d4a7 rgb(69,212,167)
```
#45d4b3
```
#45d4b3 rgb(69,212,179)
```

Similar Colors

Text with hexadecimal color #45d48f

This text has a font color of #45d48f.

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

#45d48f background color

This paragraph has a background color of #45d48f.

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

#45d48f border color

This element has a border color of #45d48f.

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

CSS codes

.text {color:#45d48f;}

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

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

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 #f4fdf9 is the lightest one.

#010503
```
#010503 rgb(1,5,3)
```
#05150d
```
#05150d rgb(5,21,13)
```
#092517
```
#092517 rgb(9,37,23)
```
#0c3521
```
#0c3521 rgb(12,53,33)
```
#10452b
```
#10452b rgb(16,69,43)
```
#145535
```
#145535 rgb(20,85,53)
```
#17653f
```
#17653f rgb(23,101,63)
```
#1b7549
```
#1b7549 rgb(27,117,73)
```
#1f8553
```
#1f8553 rgb(31,133,83)
```
#22955d
```
#22955d rgb(34,149,93)
```
#26a567
```
#26a567 rgb(38,165,103)
```
#2ab472
```
#2ab472 rgb(42,180,114)
```
#2dc47c
```
#2dc47c rgb(45,196,124)
```

Shade Color Variation

#35d085
```
#35d085 rgb(53,208,133)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#55d899
```
#55d899 rgb(85,216,153)
```
#65dba2
```
#65dba2 rgb(101,219,162)
```
#75dfac
```
#75dfac rgb(117,223,172)
```
#85e3b5
```
#85e3b5 rgb(133,227,181)
```
#95e6bf
```
#95e6bf rgb(149,230,191)
```
#a5eac9
```
#a5eac9 rgb(165,234,201)
```
#b5eed2
```
#b5eed2 rgb(181,238,210)
```
#c4f1dc
```
#c4f1dc rgb(196,241,220)
```
#d4f5e5
```
#d4f5e5 rgb(212,245,229)
```
#e4f9ef
```
#e4f9ef rgb(228,249,239)
```
#f4fdf9
```
#f4fdf9 rgb(244,253,249)
```

Tint Color Variation

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

#8b8e8d
```
#8b8e8d rgb(139,142,141)
```
#83968d
```
#83968d rgb(131,150,141)
```
#7a9f8d
```
#7a9f8d rgb(122,159,141)
```
#71a88d
```
#71a88d rgb(113,168,141)
```
#68b18e
```
#68b18e rgb(104,177,142)
```
#5fba8e
```
#5fba8e rgb(95,186,142)
```
#57c28e
```
#57c28e rgb(87,194,142)
```
#4ecb8f
```
#4ecb8f rgb(78,203,143)
```
#45d48f
```
#45d48f rgb(69,212,143)
```
#3cdd8f
```
#3cdd8f rgb(60,221,143)
```
#33e690
```
#33e690 rgb(51,230,144)
```
#2bee90
```
#2bee90 rgb(43,238,144)
```
#22f790
```
#22f790 rgb(34,247,144)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8fab9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbf8b Protanopia 1% of men
#dcb89e Deuteranopia 1% of men
#6ecddc Tritanopia 0.001% of the population

Trichromacy

#9cc68c Protanomaly 1% of men, 0.01% of women
#a5c299 Deuteranomaly 6% of men, 0.4% of women
#5fcfc0 Tritanomaly 0.01% of the population

#45d48f hex color

#45d48f Color Information

#45d48f Color Conversion

Color Schemes with #45d48f

Alternatives to #45d48f

#45d48f Preview

Shades and Tints of #45d48f

Tones of #45d48f

Color Blindness Simulator