colorhexa.com

#45ac9a hex color

In a RGB color space, hex #45ac9a is composed of 27.1% red, 67.5% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 0% magenta, 10.5% yellow and 32.5% black. It has a hue angle of 169.5 degrees, a saturation of 42.7% and a lightness of 47.3%. #45ac9a color hex could be obtained by blending #8affff with #005935. Closest websafe color is: #339999.

- R 27
- G 67
- B 60
RGB color chart
- C 60
- M 0
- Y 10
- K 33
CMYK color chart

● #45ac9a color description : Dark moderate cyan.

The hexadecimal color #45ac9a has RGB values of R:69, G:172, B:154 and CMYK values of C:0.6, M:0, Y:0.1, K:0.33. Its decimal value is 4566170.

Hex triplet	45ac9a	`#45ac9a`
RGB Decimal	69, 172, 154	`rgb(69,172,154)`
RGB Percent	27.1, 67.5, 60.4	`rgb(27.1%,67.5%,60.4%)`
CMYK	60, 0, 10, 33
HSL	169.5°, 42.7, 47.3	`hsl(169.5,42.7%,47.3%)`
HSV (or HSB)	169.5°, 59.9, 67.5
Web Safe	339999	`#339999`

CIE-LAB	64.243, -34.127, 0.381
XYZ	23.038, 33.101, 35.745
xyY	0.251, 0.36, 33.101
CIE-LCH	64.243, 34.13, 179.361
CIE-LUV	64.243, -42.444, 5.812
Hunter-Lab	57.534, -29.21, 3.437
Binary	01000101, 10101100, 10011010

#45ac9a
```
#45ac9a rgb(69,172,154)
```
#ac4557
```
#ac4557 rgb(172,69,87)
```

Complementary Color

#45ac67
```
#45ac67 rgb(69,172,103)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```
#458bac
```
#458bac rgb(69,139,172)
```

Analogous Color

#ac6745
```
#ac6745 rgb(172,103,69)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```
#ac458b
```
#ac458b rgb(172,69,139)
```

Split Complementary Color

#ac9a45
```
#ac9a45 rgb(172,154,69)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```
#9a45ac
```
#9a45ac rgb(154,69,172)
```

Triadic Color

#57ac45
```
#57ac45 rgb(87,172,69)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```
#9a45ac
```
#9a45ac rgb(154,69,172)
```
#ac4557
```
#ac4557 rgb(172,69,87)
```

Tetradic Color

#2f7569
```
#2f7569 rgb(47,117,105)
```
#368879
```
#368879 rgb(54,136,121)
```
#3e9a8a
```
#3e9a8a rgb(62,154,138)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```
#51b9a7
```
#51b9a7 rgb(81,185,167)
```
#63c1b0
```
#63c1b0 rgb(99,193,176)
```
#76c8ba
```
#76c8ba rgb(118,200,186)
```

Monochromatic Color

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

#45ac80
```
#45ac80 rgb(69,172,128)
```
#45ac89
```
#45ac89 rgb(69,172,137)
```
#45ac91
```
#45ac91 rgb(69,172,145)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```
#45aca3
```
#45aca3 rgb(69,172,163)
```
#45acab
```
#45acab rgb(69,172,171)
```
#45a4ac
```
#45a4ac rgb(69,164,172)
```

Similar Colors

Text with hexadecimal color #45ac9a

This text has a font color of #45ac9a.

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

#45ac9a background color

This paragraph has a background color of #45ac9a.

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

#45ac9a border color

This element has a border color of #45ac9a.

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

CSS codes

.text {color:#45ac9a;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071210
```
#071210 rgb(7,18,16)
```
#0d201d
```
#0d201d rgb(13,32,29)
```
#122e29
```
#122e29 rgb(18,46,41)
```
#183c36
```
#183c36 rgb(24,60,54)
```
#1e4a42
```
#1e4a42 rgb(30,74,66)
```
#23584f
```
#23584f rgb(35,88,79)
```
#29665b
```
#29665b rgb(41,102,91)
```
#2f7468
```
#2f7468 rgb(47,116,104)
```
#348274
```
#348274 rgb(52,130,116)
```
#3a9081
```
#3a9081 rgb(58,144,129)
```
#3f9e8d
```
#3f9e8d rgb(63,158,141)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```

Shade Color Variation

#4db8a5
```
#4db8a5 rgb(77,184,165)
```
#5bbdac
```
#5bbdac rgb(91,189,172)
```
#69c3b3
```
#69c3b3 rgb(105,195,179)
```
#77c8ba
```
#77c8ba rgb(119,200,186)
```
#85cec1
```
#85cec1 rgb(133,206,193)
```
#93d4c8
```
#93d4c8 rgb(147,212,200)
```
#a1d9cf
```
#a1d9cf rgb(161,217,207)
```
#afdfd7
```
#afdfd7 rgb(175,223,215)
```
#bde5de
```
#bde5de rgb(189,229,222)
```
#cbeae5
```
#cbeae5 rgb(203,234,229)
```
#d9f0ec
```
#d9f0ec rgb(217,240,236)
```
#e7f5f3
```
#e7f5f3 rgb(231,245,243)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737e7c is the less saturated color, while #04edc4 is the most saturated one.

#737e7c
```
#737e7c rgb(115,126,124)
```
#6a8782
```
#6a8782 rgb(106,135,130)
```
#619088
```
#619088 rgb(97,144,136)
```
#58998e
```
#58998e rgb(88,153,142)
```
#4ea394
```
#4ea394 rgb(78,163,148)
```
#45ac9a
```
#45ac9a rgb(69,172,154)
```
#3cb5a0
```
#3cb5a0 rgb(60,181,160)
```
#32bfa6
```
#32bfa6 rgb(50,191,166)
```
#29c8ac
```
#29c8ac rgb(41,200,172)
```
#20d1b2
```
#20d1b2 rgb(32,209,178)
```
#17dab8
```
#17dab8 rgb(23,218,184)
```
#0de4be
```
#0de4be rgb(13,228,190)
```
#04edc4
```
#04edc4 rgb(4,237,196)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7d928e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a097 Protanopia 1% of men
#ad9ca6 Deuteranopia 1% of men
#5aacb9 Tritanopia 0.001% of the population

Trichromacy

#82a498 Protanomaly 1% of men, 0.01% of women
#87a2a1 Deuteranomaly 6% of men, 0.4% of women
#52acad Tritanomaly 0.01% of the population