#45c6a4 hex color

In a RGB color space, hex #45c6a4 is composed of 27.1% red, 77.6% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 0% magenta, 17.2% yellow and 22.4% black. It has a hue angle of 164.2 degrees, a saturation of 53.1% and a lightness of 52.4%. #45c6a4 color hex could be obtained by blending #8affff with #008d49. Closest websafe color is: #33cc99.

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

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

The hexadecimal color #45c6a4 has RGB values of R:69, G:198, B:164 and CMYK values of C:0.65, M:0, Y:0.17, K:0.22. Its decimal value is 4572836.

Hex triplet	45c6a4	`#45c6a4`
RGB Decimal	69, 198, 164	`rgb(69,198,164)`
RGB Percent	27.1, 77.6, 64.3	`rgb(27.1%,77.6%,64.3%)`
CMYK	65, 0, 17, 22
HSL	164.2°, 53.1, 52.4	`hsl(164.2,53.1%,52.4%)`
HSV (or HSB)	164.2°, 65.2, 77.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.449, -43.303, 6.76
XYZ	29.347, 44.331, 42.13
xyY	0.253, 0.383, 44.331
CIE-LCH	72.449, 43.828, 171.127
CIE-LUV	72.449, -51.62, 16.772
Hunter-Lab	66.582, -37.841, 9.091
Binary	01000101, 11000110, 10100100

#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#c64567
```
#c64567 rgb(198,69,103)
```

Complementary Color

#45c663
```
#45c663 rgb(69,198,99)
```
#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#45a8c6
```
#45a8c6 rgb(69,168,198)
```

Analogous Color

#c66445
```
#c66445 rgb(198,100,69)
```
#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#c645a8
```
#c645a8 rgb(198,69,168)
```

Split Complementary Color

#c6a445
```
#c6a445 rgb(198,164,69)
```
#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#a445c6
```
#a445c6 rgb(164,69,198)
```

Triadic Color

#67c645
```
#67c645 rgb(103,198,69)
```
#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#a445c6
```
#a445c6 rgb(164,69,198)
```
#c64567
```
#c64567 rgb(198,69,103)
```

Tetradic Color

#2d9277
```
#2d9277 rgb(45,146,119)
```
#33a587
```
#33a587 rgb(51,165,135)
```
#39b997
```
#39b997 rgb(57,185,151)
```
#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#59ccae
```
#59ccae rgb(89,204,174)
```
#6cd2b7
```
#6cd2b7 rgb(108,210,183)
```
#80d8c1
```
#80d8c1 rgb(128,216,193)
```

Monochromatic Color

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

#45c684
```
#45c684 rgb(69,198,132)
```
#45c68f
```
#45c68f rgb(69,198,143)
```
#45c699
```
#45c699 rgb(69,198,153)
```
#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#45c6af
```
#45c6af rgb(69,198,175)
```
#45c6ba
```
#45c6ba rgb(69,198,186)
```
#45c6c4
```
#45c6c4 rgb(69,198,196)
```

Similar Colors

Text with hexadecimal color #45c6a4

This text has a font color of #45c6a4.

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

#45c6a4 background color

This paragraph has a background color of #45c6a4.

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

#45c6a4 border color

This element has a border color of #45c6a4.

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

CSS codes

.text {color:#45c6a4;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#071814
```
#071814 rgb(7,24,20)
```
#0c2720
```
#0c2720 rgb(12,39,32)
```
#11362c
```
#11362c rgb(17,54,44)
```
#154539
```
#154539 rgb(21,69,57)
```
#1a5445
```
#1a5445 rgb(26,84,69)
```
#1e6351
```
#1e6351 rgb(30,99,81)
```
#23725d
```
#23725d rgb(35,114,93)
```
#28816a
```
#28816a rgb(40,129,106)
```
#2c9076
```
#2c9076 rgb(44,144,118)
```
#319f82
```
#319f82 rgb(49,159,130)
```
#35ae8e
```
#35ae8e rgb(53,174,142)
```
#3abd9b
```
#3abd9b rgb(58,189,155)
```

Shade Color Variation

#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#54cbab
```
#54cbab rgb(84,203,171)
```
#63cfb3
```
#63cfb3 rgb(99,207,179)
```
#72d4ba
```
#72d4ba rgb(114,212,186)
```
#81d8c1
```
#81d8c1 rgb(129,216,193)
```
#90ddc9
```
#90ddc9 rgb(144,221,201)
```
#9fe2d0
```
#9fe2d0 rgb(159,226,208)
```
#aee6d7
```
#aee6d7 rgb(174,230,215)
```
#bdebdf
```
#bdebdf rgb(189,235,223)
```
#ccefe6
```
#ccefe6 rgb(204,239,230)
```
#dbf4ed
```
#dbf4ed rgb(219,244,237)
```
#eaf9f5
```
#eaf9f5 rgb(234,249,245)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#7d8e89
```
#7d8e89 rgb(125,142,137)
```
#74978e
```
#74978e rgb(116,151,142)
```
#6aa192
```
#6aa192 rgb(106,161,146)
```
#61aa97
```
#61aa97 rgb(97,170,151)
```
#58b39b
```
#58b39b rgb(88,179,155)
```
#4ebda0
```
#4ebda0 rgb(78,189,160)
```
#45c6a4
```
#45c6a4 rgb(69,198,164)
```
#3ccfa8
```
#3ccfa8 rgb(60,207,168)
```
#32d9ad
```
#32d9ad rgb(50,217,173)
```
#29e2b1
```
#29e2b1 rgb(41,226,177)
```
#20ebb6
```
#20ebb6 rgb(32,235,182)
```
#16f5ba
```
#16f5ba rgb(22,245,186)
```
#0dfebf
```
#0dfebf rgb(13,254,191)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb59f Protanopia 1% of men
#c8b0b1 Deuteranopia 1% of men
#63c3d1 Tritanopia 0.001% of the population

Trichromacy

#92bba0 Protanomaly 1% of men, 0.01% of women
#98b8ac Deuteranomaly 6% of men, 0.4% of women
#58c4c0 Tritanomaly 0.01% of the population

#45c6a4 hex color

#45c6a4 Color Information

#45c6a4 Color Conversion

Color Schemes with #45c6a4

Alternatives to #45c6a4

#45c6a4 Preview

Shades and Tints of #45c6a4

Tones of #45c6a4

Color Blindness Simulator