#45d493 hex color

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

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

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

The hexadecimal color #45d493 has RGB values of R:69, G:212, B:147 and CMYK values of C:0.67, M:0, Y:0.31, K:0.17. Its decimal value is 4576403.

Hex triplet	45d493	`#45d493`
RGB Decimal	69, 212, 147	`rgb(69,212,147)`
RGB Percent	27.1, 83.1, 57.6	`rgb(27.1%,83.1%,57.6%)`
CMYK	67, 0, 31, 17
HSL	152.7°, 62.4, 55.1	`hsl(152.7,62.4%,55.1%)`
HSV (or HSB)	152.7°, 67.5, 83.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.348, -52.913, 21.318
XYZ	31.262, 50.456, 35.694
xyY	0.266, 0.43, 50.456
CIE-LCH	76.348, 57.046, 158.056
CIE-LUV	76.348, -57.716, 38.648
Hunter-Lab	71.032, -45.747, 19.93
Binary	01000101, 11010100, 10010011

#45d493
```
#45d493 rgb(69,212,147)
```
#d44586
```
#d44586 rgb(212,69,134)
```

Complementary Color

#45d44c
```
#45d44c rgb(69,212,76)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#45ced4
```
#45ced4 rgb(69,206,212)
```

Analogous Color

#d44c45
```
#d44c45 rgb(212,76,69)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#d445ce
```
#d445ce rgb(212,69,206)
```

Split Complementary Color

#d49345
```
#d49345 rgb(212,147,69)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#9345d4
```
#9345d4 rgb(147,69,212)
```

Triadic Color

#86d445
```
#86d445 rgb(134,212,69)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#9345d4
```
#9345d4 rgb(147,69,212)
```
#d44586
```
#d44586 rgb(212,69,134)
```

Tetradic Color

#26a66c
```
#26a66c rgb(38,166,108)
```
#2bbb7a
```
#2bbb7a rgb(43,187,122)
```
#30cf87
```
#30cf87 rgb(48,207,135)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#5ad99f
```
#5ad99f rgb(90,217,159)
```
#6edeab
```
#6edeab rgb(110,222,171)
```
#83e2b7
```
#83e2b7 rgb(131,226,183)
```

Monochromatic Color

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

#45d46f
```
#45d46f rgb(69,212,111)
```
#45d47b
```
#45d47b rgb(69,212,123)
```
#45d487
```
#45d487 rgb(69,212,135)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#45d49f
```
#45d49f rgb(69,212,159)
```
#45d4ab
```
#45d4ab rgb(69,212,171)
```
#45d4b7
```
#45d4b7 rgb(69,212,183)
```

Similar Colors

Text with hexadecimal color #45d493

This text has a font color of #45d493.

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

#45d493 background color

This paragraph has a background color of #45d493.

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

#45d493 border color

This element has a border color of #45d493.

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

CSS codes

.text {color:#45d493;}

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

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

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)
```
#05150e
```
#05150e rgb(5,21,14)
```
#092518
```
#092518 rgb(9,37,24)
```
#0c3522
```
#0c3522 rgb(12,53,34)
```
#10452d
```
#10452d rgb(16,69,45)
```
#145537
```
#145537 rgb(20,85,55)
```
#176542
```
#176542 rgb(23,101,66)
```
#1b754c
```
#1b754c rgb(27,117,76)
```
#1f8556
```
#1f8556 rgb(31,133,86)
```
#229561
```
#229561 rgb(34,149,97)
```
#26a56b
```
#26a56b rgb(38,165,107)
```
#2ab475
```
#2ab475 rgb(42,180,117)
```
#2dc480
```
#2dc480 rgb(45,196,128)
```

Shade Color Variation

#35d08a
```
#35d08a rgb(53,208,138)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#55d89c
```
#55d89c rgb(85,216,156)
```
#65dba6
```
#65dba6 rgb(101,219,166)
```
#75dfaf
```
#75dfaf rgb(117,223,175)
```
#85e3b8
```
#85e3b8 rgb(133,227,184)
```
#95e6c1
```
#95e6c1 rgb(149,230,193)
```
#a5eacb
```
#a5eacb rgb(165,234,203)
```
#b5eed4
```
#b5eed4 rgb(181,238,212)
```
#c4f1dd
```
#c4f1dd rgb(196,241,221)
```
#d4f5e6
```
#d4f5e6 rgb(212,245,230)
```
#e4f9f0
```
#e4f9f0 rgb(228,249,240)
```
#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 #22f796 is the most saturated one.

#8b8e8d
```
#8b8e8d rgb(139,142,141)
```
#83968d
```
#83968d rgb(131,150,141)
```
#7a9f8e
```
#7a9f8e rgb(122,159,142)
```
#71a88f
```
#71a88f rgb(113,168,143)
```
#68b190
```
#68b190 rgb(104,177,144)
```
#5fba91
```
#5fba91 rgb(95,186,145)
```
#57c291
```
#57c291 rgb(87,194,145)
```
#4ecb92
```
#4ecb92 rgb(78,203,146)
```
#45d493
```
#45d493 rgb(69,212,147)
```
#3cdd94
```
#3cdd94 rgb(60,221,148)
```
#33e695
```
#33e695 rgb(51,230,149)
```
#2bee95
```
#2bee95 rgb(43,238,149)
```
#22f796
```
#22f796 rgb(34,247,150)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8fac9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdbf8f Protanopia 1% of men
#dcb8a2 Deuteranopia 1% of men
#6dcddc Tritanopia 0.001% of the population

Trichromacy

#9bc690 Protanomaly 1% of men, 0.01% of women
#a5c29c Deuteranomaly 6% of men, 0.4% of women
#5ecfc1 Tritanomaly 0.01% of the population

#45d493 hex color

#45d493 Color Information

#45d493 Color Conversion

Color Schemes with #45d493

Alternatives to #45d493

#45d493 Preview

Shades and Tints of #45d493

Tones of #45d493

Color Blindness Simulator