#45c5a2 hex color

In a RGB color space, hex #45c5a2 is composed of 27.1% red, 77.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 0% magenta, 17.8% yellow and 22.7% black. It has a hue angle of 163.6 degrees, a saturation of 52.5% and a lightness of 52.2%. #45c5a2 color hex could be obtained by blending #8affff with #008b45. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45c5a2 has RGB values of R:69, G:197, B:162 and CMYK values of C:0.65, M:0, Y:0.18, K:0.23. Its decimal value is 4572578.

Hex triplet	45c5a2	`#45c5a2`
RGB Decimal	69, 197, 162	`rgb(69,197,162)`
RGB Percent	27.1, 77.3, 63.5	`rgb(27.1%,77.3%,63.5%)`
CMYK	65, 0, 18, 23
HSL	163.6°, 52.5, 52.2	`hsl(163.6,52.5%,52.2%)`
HSV (or HSB)	163.6°, 65, 77.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.097, -43.355, 7.339
XYZ	28.94, 43.804, 41.11
xyY	0.254, 0.385, 43.804
CIE-LCH	72.097, 43.972, 170.393
CIE-LUV	72.097, -51.37, 17.599
Hunter-Lab	66.184, -37.772, 9.501
Binary	01000101, 11000101, 10100010

#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#c54568
```
#c54568 rgb(197,69,104)
```

Complementary Color

#45c562
```
#45c562 rgb(69,197,98)
```
#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#45a8c5
```
#45a8c5 rgb(69,168,197)
```

Analogous Color

#c56245
```
#c56245 rgb(197,98,69)
```
#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#c545a8
```
#c545a8 rgb(197,69,168)
```

Split Complementary Color

#c5a245
```
#c5a245 rgb(197,162,69)
```
#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#a245c5
```
#a245c5 rgb(162,69,197)
```

Triadic Color

#68c545
```
#68c545 rgb(104,197,69)
```
#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#a245c5
```
#a245c5 rgb(162,69,197)
```
#c54568
```
#c54568 rgb(197,69,104)
```

Tetradic Color

#2d9075
```
#2d9075 rgb(45,144,117)
```
#33a485
```
#33a485 rgb(51,164,133)
```
#39b795
```
#39b795 rgb(57,183,149)
```
#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#58cbac
```
#58cbac rgb(88,203,172)
```
#6cd1b5
```
#6cd1b5 rgb(108,209,181)
```
#7fd7bf
```
#7fd7bf rgb(127,215,191)
```

Monochromatic Color

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

#45c582
```
#45c582 rgb(69,197,130)
```
#45c58d
```
#45c58d rgb(69,197,141)
```
#45c597
```
#45c597 rgb(69,197,151)
```
#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#45c5ad
```
#45c5ad rgb(69,197,173)
```
#45c5b7
```
#45c5b7 rgb(69,197,183)
```
#45c5c2
```
#45c5c2 rgb(69,197,194)
```

Similar Colors

Text with hexadecimal color #45c5a2

This text has a font color of #45c5a2.

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

#45c5a2 background color

This paragraph has a background color of #45c5a2.

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

#45c5a2 border color

This element has a border color of #45c5a2.

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

CSS codes

.text {color:#45c5a2;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#071713
```
#071713 rgb(7,23,19)
```
#0c261f
```
#0c261f rgb(12,38,31)
```
#11352b
```
#11352b rgb(17,53,43)
```
#154437
```
#154437 rgb(21,68,55)
```
#1a5344
```
#1a5344 rgb(26,83,68)
```
#1f6250
```
#1f6250 rgb(31,98,80)
```
#23715c
```
#23715c rgb(35,113,92)
```
#288068
```
#288068 rgb(40,128,104)
```
#2d8f74
```
#2d8f74 rgb(45,143,116)
```
#319e80
```
#319e80 rgb(49,158,128)
```
#36ad8c
```
#36ad8c rgb(54,173,140)
```
#3bbc98
```
#3bbc98 rgb(59,188,152)
```

Shade Color Variation

#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#54caa9
```
#54caa9 rgb(84,202,169)
```
#63ceb1
```
#63ceb1 rgb(99,206,177)
```
#72d3b8
```
#72d3b8 rgb(114,211,184)
```
#81d8c0
```
#81d8c0 rgb(129,216,192)
```
#90dcc7
```
#90dcc7 rgb(144,220,199)
```
#9fe1cf
```
#9fe1cf rgb(159,225,207)
```
#aee6d6
```
#aee6d6 rgb(174,230,214)
```
#bdeade
```
#bdeade rgb(189,234,222)
```
#ccefe5
```
#ccefe5 rgb(204,239,229)
```
#dbf4ed
```
#dbf4ed rgb(219,244,237)
```
#e9f8f4
```
#e9f8f4 rgb(233,248,244)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#7d8d88
```
#7d8d88 rgb(125,141,136)
```
#74968d
```
#74968d rgb(116,150,141)
```
#6b9f91
```
#6b9f91 rgb(107,159,145)
```
#61a995
```
#61a995 rgb(97,169,149)
```
#58b299
```
#58b299 rgb(88,178,153)
```
#4ebc9e
```
#4ebc9e rgb(78,188,158)
```
#45c5a2
```
#45c5a2 rgb(69,197,162)
```
#3ccea6
```
#3ccea6 rgb(60,206,166)
```
#32d8ab
```
#32d8ab rgb(50,216,171)
```
#29e1af
```
#29e1af rgb(41,225,175)
```
#1febb3
```
#1febb3 rgb(31,235,179)
```
#16f4b7
```
#16f4b7 rgb(22,244,183)
```
#0dfdbc
```
#0dfdbc rgb(13,253,188)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa39c Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb49d Protanopia 1% of men
#c7afaf Deuteranopia 1% of men
#63c2d0 Tritanopia 0.001% of the population

Trichromacy

#91ba9f Protanomaly 1% of men, 0.01% of women
#98b7aa Deuteranomaly 6% of men, 0.4% of women
#58c3bf Tritanomaly 0.01% of the population

#45c5a2 hex color

#45c5a2 Color Information

#45c5a2 Color Conversion

Color Schemes with #45c5a2

Alternatives to #45c5a2

#45c5a2 Preview

Shades and Tints of #45c5a2

Tones of #45c5a2

Color Blindness Simulator