#45c4a1 hex color

In a RGB color space, hex #45c4a1 is composed of 27.1% red, 76.9% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 0% magenta, 17.9% yellow and 23.1% black. It has a hue angle of 163.5 degrees, a saturation of 51.8% and a lightness of 52%. #45c4a1 color hex could be obtained by blending #8affff with #008943. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 77
- B 63
RGB color chart
- C 65
- M 0
- Y 18
- K 23
CMYK color chart

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

The hexadecimal color #45c4a1 has RGB values of R:69, G:196, B:161 and CMYK values of C:0.65, M:0, Y:0.18, K:0.23. Its decimal value is 4572321.

Hex triplet	45c4a1	`#45c4a1`
RGB Decimal	69, 196, 161	`rgb(69,196,161)`
RGB Percent	27.1, 76.9, 63.1	`rgb(27.1%,76.9%,63.1%)`
CMYK	65, 0, 18, 23
HSL	163.5°, 51.8, 52	`hsl(163.5,51.8%,52%)`
HSV (or HSB)	163.5°, 64.8, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.769, -43.164, 7.41
XYZ	28.625, 43.316, 40.568
xyY	0.254, 0.385, 43.316
CIE-LCH	71.769, 43.796, 170.258
CIE-LUV	71.769, -51.06, 17.657
Hunter-Lab	65.815, -37.54, 9.524
Binary	01000101, 11000100, 10100001

#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#c44568
```
#c44568 rgb(196,69,104)
```

Complementary Color

#45c462
```
#45c462 rgb(69,196,98)
```
#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#45a8c4
```
#45a8c4 rgb(69,168,196)
```

Analogous Color

#c46245
```
#c46245 rgb(196,98,69)
```
#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#c445a8
```
#c445a8 rgb(196,69,168)
```

Split Complementary Color

#c4a145
```
#c4a145 rgb(196,161,69)
```
#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#a145c4
```
#a145c4 rgb(161,69,196)
```

Triadic Color

#68c445
```
#68c445 rgb(104,196,69)
```
#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#a145c4
```
#a145c4 rgb(161,69,196)
```
#c44568
```
#c44568 rgb(196,69,104)
```

Tetradic Color

#2d8f74
```
#2d8f74 rgb(45,143,116)
```
#34a284
```
#34a284 rgb(52,162,132)
```
#3ab694
```
#3ab694 rgb(58,182,148)
```
#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#58caab
```
#58caab rgb(88,202,171)
```
#6cd0b5
```
#6cd0b5 rgb(108,208,181)
```
#7fd6be
```
#7fd6be rgb(127,214,190)
```

Monochromatic Color

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

#45c481
```
#45c481 rgb(69,196,129)
```
#45c48c
```
#45c48c rgb(69,196,140)
```
#45c496
```
#45c496 rgb(69,196,150)
```
#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#45c4ac
```
#45c4ac rgb(69,196,172)
```
#45c4b6
```
#45c4b6 rgb(69,196,182)
```
#45c4c1
```
#45c4c1 rgb(69,196,193)
```

Similar Colors

Text with hexadecimal color #45c4a1

This text has a font color of #45c4a1.

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

#45c4a1 background color

This paragraph has a background color of #45c4a1.

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

#45c4a1 border color

This element has a border color of #45c4a1.

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

CSS codes

.text {color:#45c4a1;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#071612
```
#071612 rgb(7,22,18)
```
#0c251e
```
#0c251e rgb(12,37,30)
```
#11342a
```
#11342a rgb(17,52,42)
```
#154337
```
#154337 rgb(21,67,55)
```
#1a5243
```
#1a5243 rgb(26,82,67)
```
#1f614f
```
#1f614f rgb(31,97,79)
```
#23705b
```
#23705b rgb(35,112,91)
```
#287f67
```
#287f67 rgb(40,127,103)
```
#2d8e73
```
#2d8e73 rgb(45,142,115)
```
#329d7f
```
#329d7f rgb(50,157,127)
```
#36ab8b
```
#36ab8b rgb(54,171,139)
```
#3bba97
```
#3bba97 rgb(59,186,151)
```

Shade Color Variation

#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#54c9a9
```
#54c9a9 rgb(84,201,169)
```
#63cdb0
```
#63cdb0 rgb(99,205,176)
```
#72d2b8
```
#72d2b8 rgb(114,210,184)
```
#81d7bf
```
#81d7bf rgb(129,215,191)
```
#8fdcc7
```
#8fdcc7 rgb(143,220,199)
```
#9ee0ce
```
#9ee0ce rgb(158,224,206)
```
#ade5d6
```
#ade5d6 rgb(173,229,214)
```
#bceadd
```
#bceadd rgb(188,234,221)
```
#cbefe5
```
#cbefe5 rgb(203,239,229)
```
#daf3ec
```
#daf3ec rgb(218,243,236)
```
#e9f8f4
```
#e9f8f4 rgb(233,248,244)
```
#f8fdfb
```
#f8fdfb rgb(248,253,251)
```

Tint Color Variation

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

#7e8b88
```
#7e8b88 rgb(126,139,136)
```
#74958c
```
#74958c rgb(116,149,140)
```
#6b9e90
```
#6b9e90 rgb(107,158,144)
```
#61a894
```
#61a894 rgb(97,168,148)
```
#58b199
```
#58b199 rgb(88,177,153)
```
#4ebb9d
```
#4ebb9d rgb(78,187,157)
```
#45c4a1
```
#45c4a1 rgb(69,196,161)
```
#3ccda5
```
#3ccda5 rgb(60,205,165)
```
#32d7a9
```
#32d7a9 rgb(50,215,169)
```
#29e0ae
```
#29e0ae rgb(41,224,174)
```
#1feab2
```
#1feab2 rgb(31,234,178)
```
#16f3b6
```
#16f3b6 rgb(22,243,182)
```
#0cfdba
```
#0cfdba rgb(12,253,186)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#89a29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb39c Protanopia 1% of men
#c6aeae Deuteranopia 1% of men
#63c1cf Tritanopia 0.001% of the population

Trichromacy

#91b99e Protanomaly 1% of men, 0.01% of women
#97b6a9 Deuteranomaly 6% of men, 0.4% of women
#58c2be Tritanomaly 0.01% of the population

#45c4a1 hex color

#45c4a1 Color Information

#45c4a1 Color Conversion

Color Schemes with #45c4a1

Alternatives to #45c4a1

#45c4a1 Preview

Shades and Tints of #45c4a1

Tones of #45c4a1

Color Blindness Simulator