#45d3a0 hex color

In a RGB color space, hex #45d3a0 is composed of 27.1% red, 82.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 0% magenta, 24.2% yellow and 17.3% black. It has a hue angle of 158.5 degrees, a saturation of 61.7% and a lightness of 54.9%. #45d3a0 color hex could be obtained by blending #8affff with #00a741. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45d3a0 has RGB values of R:69, G:211, B:160 and CMYK values of C:0.67, M:0, Y:0.24, K:0.17. Its decimal value is 4576160.

Hex triplet	45d3a0	`#45d3a0`
RGB Decimal	69, 211, 160	`rgb(69,211,160)`
RGB Percent	27.1, 82.7, 62.7	`rgb(27.1%,82.7%,62.7%)`
CMYK	67, 0, 24, 17
HSL	158.5°, 61.7, 54.9	`hsl(158.5,61.7%,54.9%)`
HSV (or HSB)	158.5°, 67.3, 82.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	76.307, -49.711, 14.387
XYZ	32.091, 50.389, 41.291
xyY	0.259, 0.407, 50.389
CIE-LCH	76.307, 51.751, 163.859
CIE-LUV	76.307, -56.601, 28.801
Hunter-Lab	70.985, -43.527, 15.202
Binary	01000101, 11010011, 10100000

#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#d34578
```
#d34578 rgb(211,69,120)
```

Complementary Color

#45d359
```
#45d359 rgb(69,211,89)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#45bfd3
```
#45bfd3 rgb(69,191,211)
```

Analogous Color

#d35945
```
#d35945 rgb(211,89,69)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#d345bf
```
#d345bf rgb(211,69,191)
```

Split Complementary Color

#d3a045
```
#d3a045 rgb(211,160,69)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#a045d3
```
#a045d3 rgb(160,69,211)
```

Triadic Color

#78d345
```
#78d345 rgb(120,211,69)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#a045d3
```
#a045d3 rgb(160,69,211)
```
#d34578
```
#d34578 rgb(211,69,120)
```

Tetradic Color

#27a577
```
#27a577 rgb(39,165,119)
```
#2cb986
```
#2cb986 rgb(44,185,134)
```
#31ce95
```
#31ce95 rgb(49,206,149)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#5ad8ab
```
#5ad8ab rgb(90,216,171)
```
#6eddb5
```
#6eddb5 rgb(110,221,181)
```
#83e2c0
```
#83e2c0 rgb(131,226,192)
```

Monochromatic Color

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

#45d37d
```
#45d37d rgb(69,211,125)
```
#45d388
```
#45d388 rgb(69,211,136)
```
#45d394
```
#45d394 rgb(69,211,148)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#45d3ac
```
#45d3ac rgb(69,211,172)
```
#45d3b8
```
#45d3b8 rgb(69,211,184)
```
#45d3c4
```
#45d3c4 rgb(69,211,196)
```

Similar Colors

Text with hexadecimal color #45d3a0

This text has a font color of #45d3a0.

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

#45d3a0 background color

This paragraph has a background color of #45d3a0.

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

#45d3a0 border color

This element has a border color of #45d3a0.

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

CSS codes

.text {color:#45d3a0;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#05140f
```
#05140f rgb(5,20,15)
```
#09241a
```
#09241a rgb(9,36,26)
```
#0c3426
```
#0c3426 rgb(12,52,38)
```
#104431
```
#104431 rgb(16,68,49)
```
#14543d
```
#14543d rgb(20,84,61)
```
#186448
```
#186448 rgb(24,100,72)
```
#1b7354
```
#1b7354 rgb(27,115,84)
```
#1f835f
```
#1f835f rgb(31,131,95)
```
#23936b
```
#23936b rgb(35,147,107)
```
#27a376
```
#27a376 rgb(39,163,118)
```
#2ab382
```
#2ab382 rgb(42,179,130)
```
#2ec38d
```
#2ec38d rgb(46,195,141)
```

Shade Color Variation

#35cf98
```
#35cf98 rgb(53,207,152)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#55d7a8
```
#55d7a8 rgb(85,215,168)
```
#65dbb0
```
#65dbb0 rgb(101,219,176)
```
#75deb8
```
#75deb8 rgb(117,222,184)
```
#84e2c0
```
#84e2c0 rgb(132,226,192)
```
#94e6c9
```
#94e6c9 rgb(148,230,201)
```
#a4ead1
```
#a4ead1 rgb(164,234,209)
```
#b4edd9
```
#b4edd9 rgb(180,237,217)
```
#c4f1e1
```
#c4f1e1 rgb(196,241,225)
```
#d4f5e9
```
#d4f5e9 rgb(212,245,233)
```
#e4f9f1
```
#e4f9f1 rgb(228,249,241)
```
#f3fcf9
```
#f3fcf9 rgb(243,252,249)
```

Tint Color Variation

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

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#83958f
```
#83958f rgb(131,149,143)
```
#7a9e91
```
#7a9e91 rgb(122,158,145)
```
#71a794
```
#71a794 rgb(113,167,148)
```
#68b096
```
#68b096 rgb(104,176,150)
```
#60b899
```
#60b899 rgb(96,184,153)
```
#57c19b
```
#57c19b rgb(87,193,155)
```
#4eca9e
```
#4eca9e rgb(78,202,158)
```
#45d3a0
```
#45d3a0 rgb(69,211,160)
```
#3cdca2
```
#3cdca2 rgb(60,220,162)
```
#33e5a5
```
#33e5a5 rgb(51,229,165)
```
#2aeea7
```
#2aeea7 rgb(42,238,167)
```
#22f6aa
```
#22f6aa rgb(34,246,170)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#90ada2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbbf9b Protanopia 1% of men
#d7b9ae Deuteranopia 1% of men
#6acddc Tritanopia 0.001% of the population

Trichromacy

#9ac69c Protanomaly 1% of men, 0.01% of women
#a2c2a9 Deuteranomaly 6% of men, 0.4% of women
#5ccfc6 Tritanomaly 0.01% of the population

#45d3a0 hex color

#45d3a0 Color Information

#45d3a0 Color Conversion

Color Schemes with #45d3a0

Alternatives to #45d3a0

#45d3a0 Preview

Shades and Tints of #45d3a0

Tones of #45d3a0

Color Blindness Simulator