#45c4a2 hex color

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

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

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

The hexadecimal color #45c4a2 has RGB values of R:69, G:196, B:162 and CMYK values of C:0.65, M:0, Y:0.17, K:0.23. Its decimal value is 4572322.

Hex triplet	45c4a2	`#45c4a2`
RGB Decimal	69, 196, 162	`rgb(69,196,162)`
RGB Percent	27.1, 76.9, 63.5	`rgb(27.1%,76.9%,63.5%)`
CMYK	65, 0, 17, 23
HSL	163.9°, 51.8, 52	`hsl(163.9,51.8%,52%)`
HSV (or HSB)	163.9°, 64.8, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.793, -42.922, 6.902
XYZ	28.713, 43.351, 41.035
xyY	0.254, 0.383, 43.351
CIE-LCH	71.793, 43.474, 170.864
CIE-LUV	71.793, -51.001, 16.889
Hunter-Lab	65.842, -37.379, 9.138
Binary	01000101, 11000100, 10100010

#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#c44567
```
#c44567 rgb(196,69,103)
```

Complementary Color

#45c463
```
#45c463 rgb(69,196,99)
```
#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#45a7c4
```
#45a7c4 rgb(69,167,196)
```

Analogous Color

#c46345
```
#c46345 rgb(196,99,69)
```
#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#c445a7
```
#c445a7 rgb(196,69,167)
```

Split Complementary Color

#c4a245
```
#c4a245 rgb(196,162,69)
```
#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#a245c4
```
#a245c4 rgb(162,69,196)
```

Triadic Color

#67c445
```
#67c445 rgb(103,196,69)
```
#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#a245c4
```
#a245c4 rgb(162,69,196)
```
#c44567
```
#c44567 rgb(196,69,103)
```

Tetradic Color

#2d8f75
```
#2d8f75 rgb(45,143,117)
```
#34a285
```
#34a285 rgb(52,162,133)
```
#3ab695
```
#3ab695 rgb(58,182,149)
```
#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#58caac
```
#58caac rgb(88,202,172)
```
#6cd0b5
```
#6cd0b5 rgb(108,208,181)
```
#7fd6bf
```
#7fd6bf rgb(127,214,191)
```

Monochromatic Color

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

#45c482
```
#45c482 rgb(69,196,130)
```
#45c48d
```
#45c48d rgb(69,196,141)
```
#45c497
```
#45c497 rgb(69,196,151)
```
#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#45c4ad
```
#45c4ad rgb(69,196,173)
```
#45c4b7
```
#45c4b7 rgb(69,196,183)
```
#45c4c2
```
#45c4c2 rgb(69,196,194)
```

Similar Colors

Text with hexadecimal color #45c4a2

This text has a font color of #45c4a2.

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

#45c4a2 background color

This paragraph has a background color of #45c4a2.

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

#45c4a2 border color

This element has a border color of #45c4a2.

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

CSS codes

.text {color:#45c4a2;}

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

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

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)
```
#0c251f
```
#0c251f rgb(12,37,31)
```
#11342b
```
#11342b rgb(17,52,43)
```
#154337
```
#154337 rgb(21,67,55)
```
#1a5243
```
#1a5243 rgb(26,82,67)
```
#1f614f
```
#1f614f rgb(31,97,79)
```
#23705b
```
#23705b rgb(35,112,91)
```
#287f68
```
#287f68 rgb(40,127,104)
```
#2d8e74
```
#2d8e74 rgb(45,142,116)
```
#329d80
```
#329d80 rgb(50,157,128)
```
#36ab8c
```
#36ab8c rgb(54,171,140)
```
#3bba98
```
#3bba98 rgb(59,186,152)
```

Shade Color Variation

#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#54c9a9
```
#54c9a9 rgb(84,201,169)
```
#63cdb1
```
#63cdb1 rgb(99,205,177)
```
#72d2b8
```
#72d2b8 rgb(114,210,184)
```
#81d7c0
```
#81d7c0 rgb(129,215,192)
```
#8fdcc7
```
#8fdcc7 rgb(143,220,199)
```
#9ee0cf
```
#9ee0cf rgb(158,224,207)
```
#ade5d6
```
#ade5d6 rgb(173,229,214)
```
#bceade
```
#bceade rgb(188,234,222)
```
#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 #0cfdbc is the most saturated one.

#7e8b88
```
#7e8b88 rgb(126,139,136)
```
#74958c
```
#74958c rgb(116,149,140)
```
#6b9e90
```
#6b9e90 rgb(107,158,144)
```
#61a895
```
#61a895 rgb(97,168,149)
```
#58b199
```
#58b199 rgb(88,177,153)
```
#4ebb9e
```
#4ebb9e rgb(78,187,158)
```
#45c4a2
```
#45c4a2 rgb(69,196,162)
```
#3ccda6
```
#3ccda6 rgb(60,205,166)
```
#32d7ab
```
#32d7ab rgb(50,215,171)
```
#29e0af
```
#29e0af rgb(41,224,175)
```
#1feab4
```
#1feab4 rgb(31,234,180)
```
#16f3b8
```
#16f3b8 rgb(22,243,184)
```
#0cfdbc
```
#0cfdbc rgb(12,253,188)
```

Tone Color Variation

Below, you can see how #45c4a2 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
#89a29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb39d Protanopia 1% of men
#c6aeaf Deuteranopia 1% of men
#62c1cf Tritanopia 0.001% of the population

Trichromacy

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

#45c4a2 hex color

#45c4a2 Color Information

#45c4a2 Color Conversion

Color Schemes with #45c4a2

Alternatives to #45c4a2

#45c4a2 Preview

Shades and Tints of #45c4a2

Tones of #45c4a2

Color Blindness Simulator