colorhexa.com

#45d1a8 hex color

In a RGB color space, hex #45d1a8 is composed of 27.1% red, 82% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 0% magenta, 19.6% yellow and 18% black. It has a hue angle of 162.4 degrees, a saturation of 60.3% and a lightness of 54.5%. #45d1a8 color hex could be obtained by blending #8affff with #00a351. Closest websafe color is: #33cc99.

- R 27
- G 82
- B 66
RGB color chart
- C 67
- M 0
- Y 20
- K 18
CMYK color chart

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

The hexadecimal color #45d1a8 has RGB values of R:69, G:209, B:168 and CMYK values of C:0.67, M:0, Y:0.2, K:0.18. Its decimal value is 4575656.

Hex triplet	45d1a8	`#45d1a8`
RGB Decimal	69, 209, 168	`rgb(69,209,168)`
RGB Percent	27.1, 82, 65.9	`rgb(27.1%,82%,65.9%)`
CMYK	67, 0, 20, 18
HSL	162.4°, 60.3, 54.5	`hsl(162.4,60.3%,54.5%)`
HSV (or HSB)	162.4°, 67, 82
Web Safe	33cc99	`#33cc99`

CIE-LAB	75.879, -47.038, 9.512
XYZ	32.32, 49.69, 44.932
xyY	0.255, 0.391, 49.69
CIE-LCH	75.879, 47.991, 168.568
CIE-LUV	75.879, -55.396, 21.481
Hunter-Lab	70.491, -41.519, 11.552
Binary	01000101, 11010001, 10101000

#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#d1456e
```
#d1456e rgb(209,69,110)
```

Complementary Color

#45d162
```
#45d162 rgb(69,209,98)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#45b4d1
```
#45b4d1 rgb(69,180,209)
```

Analogous Color

#d16245
```
#d16245 rgb(209,98,69)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#d145b4
```
#d145b4 rgb(209,69,180)
```

Split Complementary Color

#d1a845
```
#d1a845 rgb(209,168,69)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#a845d1
```
#a845d1 rgb(168,69,209)
```

Triadic Color

#6ed145
```
#6ed145 rgb(110,209,69)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#a845d1
```
#a845d1 rgb(168,69,209)
```
#d1456e
```
#d1456e rgb(209,69,110)
```

Tetradic Color

#28a27e
```
#28a27e rgb(40,162,126)
```
#2db68e
```
#2db68e rgb(45,182,142)
```
#32ca9e
```
#32ca9e rgb(50,202,158)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#59d6b2
```
#59d6b2 rgb(89,214,178)
```
#6edbbb
```
#6edbbb rgb(110,219,187)
```
#82e0c5
```
#82e0c5 rgb(130,224,197)
```

Monochromatic Color

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

#45d185
```
#45d185 rgb(69,209,133)
```
#45d191
```
#45d191 rgb(69,209,145)
```
#45d19c
```
#45d19c rgb(69,209,156)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#45d1b4
```
#45d1b4 rgb(69,209,180)
```
#45d1bf
```
#45d1bf rgb(69,209,191)
```
#45d1cb
```
#45d1cb rgb(69,209,203)
```

Similar Colors

Text with hexadecimal color #45d1a8

This text has a font color of #45d1a8.

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

#45d1a8 background color

This paragraph has a background color of #45d1a8.

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

#45d1a8 border color

This element has a border color of #45d1a8.

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

CSS codes

.text {color:#45d1a8;}

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

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

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

#010302
```
#010302 rgb(1,3,2)
```
#05120e
```
#05120e rgb(5,18,14)
```
#08221b
```
#08221b rgb(8,34,27)
```
#0c3227
```
#0c3227 rgb(12,50,39)
```
#104233
```
#104233 rgb(16,66,51)
```
#14513f
```
#14513f rgb(20,81,63)
```
#18614c
```
#18614c rgb(24,97,76)
```
#1c7158
```
#1c7158 rgb(28,113,88)
```
#208164
```
#208164 rgb(32,129,100)
```
#249070
```
#249070 rgb(36,144,112)
```
#28a07d
```
#28a07d rgb(40,160,125)
```
#2bb089
```
#2bb089 rgb(43,176,137)
```
#2fbf95
```
#2fbf95 rgb(47,191,149)
```

Shade Color Variation

#35cda1
```
#35cda1 rgb(53,205,161)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#55d5af
```
#55d5af rgb(85,213,175)
```
#64d9b7
```
#64d9b7 rgb(100,217,183)
```
#74ddbe
```
#74ddbe rgb(116,221,190)
```
#84e1c5
```
#84e1c5 rgb(132,225,197)
```
#94e4cd
```
#94e4cd rgb(148,228,205)
```
#a3e8d4
```
#a3e8d4 rgb(163,232,212)
```
#b3ecdb
```
#b3ecdb rgb(179,236,219)
```
#c3f0e3
```
#c3f0e3 rgb(195,240,227)
```
#d3f4ea
```
#d3f4ea rgb(211,244,234)
```
#e2f8f2
```
#e2f8f2 rgb(226,248,242)
```
#f2fcf9
```
#f2fcf9 rgb(242,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83938e is the less saturated color, while #18feba is the most saturated one.

#83938e
```
#83938e rgb(131,147,142)
```
#7b9b92
```
#7b9b92 rgb(123,155,146)
```
#72a496
```
#72a496 rgb(114,164,150)
```
#69ad99
```
#69ad99 rgb(105,173,153)
```
#60b69d
```
#60b69d rgb(96,182,157)
```
#57bfa1
```
#57bfa1 rgb(87,191,161)
```
#4ec8a4
```
#4ec8a4 rgb(78,200,164)
```
#45d1a8
```
#45d1a8 rgb(69,209,168)
```
#3cdaac
```
#3cdaac rgb(60,218,172)
```
#33e3af
```
#33e3af rgb(51,227,175)
```
#2aecb3
```
#2aecb3 rgb(42,236,179)
```
#21f5b7
```
#21f5b7 rgb(33,245,183)
```
#18feba
```
#18feba rgb(24,254,186)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8faba3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8bea2 Protanopia 1% of men
#d3b8b5 Deuteranopia 1% of men
#67ccdb Tritanopia 0.001% of the population

Trichromacy

#98c4a4 Protanomaly 1% of men, 0.01% of women
#9fc1b0 Deuteranomaly 6% of men, 0.4% of women
#5acec8 Tritanomaly 0.01% of the population