#45a19e hex color

In a RGB color space, hex #45a19e is composed of 27.1% red, 63.1% green and 62% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 0% magenta, 1.9% yellow and 36.9% black. It has a hue angle of 178 degrees, a saturation of 40% and a lightness of 45.1%. #45a19e color hex could be obtained by blending #8affff with #00433d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 63
- B 62
RGB color chart
- C 57
- M 0
- Y 2
- K 37
CMYK color chart

● #45a19e color description : Dark moderate cyan.

The hexadecimal color #45a19e has RGB values of R:69, G:161, B:158 and CMYK values of C:0.57, M:0, Y:0.02, K:0.37. Its decimal value is 4563358.

Hex triplet	45a19e	`#45a19e`
RGB Decimal	69, 161, 158	`rgb(69,161,158)`
RGB Percent	27.1, 63.1, 62	`rgb(27.1%,63.1%,62%)`
CMYK	57, 0, 2, 37
HSL	178°, 40, 45.1	`hsl(178,40%,45.1%)`
HSV (or HSB)	178°, 57.1, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.977, -27.767, -6.67
XYZ	21.369, 29.222, 36.86
xyY	0.244, 0.334, 29.222
CIE-LCH	60.977, 28.557, 193.508
CIE-LUV	60.977, -38.015, -5.678
Hunter-Lab	54.057, -24.039, -2.588
Binary	01000101, 10100001, 10011110

#45a19e
```
#45a19e rgb(69,161,158)
```
#a14548
```
#a14548 rgb(161,69,72)
```

Complementary Color

#45a170
```
#45a170 rgb(69,161,112)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#4576a1
```
#4576a1 rgb(69,118,161)
```

Analogous Color

#a17045
```
#a17045 rgb(161,112,69)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#a14576
```
#a14576 rgb(161,69,118)
```

Split Complementary Color

#a19e45
```
#a19e45 rgb(161,158,69)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#9e45a1
```
#9e45a1 rgb(158,69,161)
```

Triadic Color

#48a145
```
#48a145 rgb(72,161,69)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#9e45a1
```
#9e45a1 rgb(158,69,161)
```
#a14548
```
#a14548 rgb(161,69,72)
```

Tetradic Color

#2e6b69
```
#2e6b69 rgb(46,107,105)
```
#367d7b
```
#367d7b rgb(54,125,123)
```
#3d8f8c
```
#3d8f8c rgb(61,143,140)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#4db3af
```
#4db3af rgb(77,179,175)
```
#5fbab7
```
#5fbab7 rgb(95,186,183)
```
#71c2bf
```
#71c2bf rgb(113,194,191)
```

Monochromatic Color

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

#45a187
```
#45a187 rgb(69,161,135)
```
#45a18f
```
#45a18f rgb(69,161,143)
```
#45a196
```
#45a196 rgb(69,161,150)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#459ca1
```
#459ca1 rgb(69,156,161)
```
#4595a1
```
#4595a1 rgb(69,149,161)
```
#458da1
```
#458da1 rgb(69,141,161)
```

Similar Colors

Text with hexadecimal color #45a19e

This text has a font color of #45a19e.

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

#45a19e background color

This paragraph has a background color of #45a19e.

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

#45a19e border color

This element has a border color of #45a19e.

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

CSS codes

.text {color:#45a19e;}

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

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

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, #040a0a is the darkest color, while #fbfdfd is the lightest one.

#040a0a
```
#040a0a rgb(4,10,10)
```
#0a1817
```
#0a1817 rgb(10,24,23)
```
#102525
```
#102525 rgb(16,37,37)
```
#163332
```
#163332 rgb(22,51,50)
```
#1c4140
```
#1c4140 rgb(28,65,64)
```
#224f4d
```
#224f4d rgb(34,79,77)
```
#285c5b
```
#285c5b rgb(40,92,91)
```
#2d6a68
```
#2d6a68 rgb(45,106,104)
```
#337876
```
#337876 rgb(51,120,118)
```
#398683
```
#398683 rgb(57,134,131)
```
#3f9391
```
#3f9391 rgb(63,147,145)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#4bafab
```
#4bafab rgb(75,175,171)
```

Shade Color Variation

#56b7b4
```
#56b7b4 rgb(86,183,180)
```
#64bdba
```
#64bdba rgb(100,189,186)
```
#72c3c0
```
#72c3c0 rgb(114,195,192)
```
#80c8c6
```
#80c8c6 rgb(128,200,198)
```
#8dcecc
```
#8dcecc rgb(141,206,204)
```
#9bd4d2
```
#9bd4d2 rgb(155,212,210)
```
#a9dad8
```
#a9dad8 rgb(169,218,216)
```
#b7e0df
```
#b7e0df rgb(183,224,223)
```
#c4e6e5
```
#c4e6e5 rgb(196,230,229)
```
#d2eceb
```
#d2eceb rgb(210,236,235)
```
#e0f2f1
```
#e0f2f1 rgb(224,242,241)
```
#eef8f7
```
#eef8f7 rgb(238,248,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717575 is the less saturated color, while #07dfd8 is the most saturated one.

#717575
```
#717575 rgb(113,117,117)
```
#687e7d
```
#687e7d rgb(104,126,125)
```
#608685
```
#608685 rgb(96,134,133)
```
#578f8d
```
#578f8d rgb(87,143,141)
```
#4e9896
```
#4e9896 rgb(78,152,150)
```
#45a19e
```
#45a19e rgb(69,161,158)
```
#3caaa6
```
#3caaa6 rgb(60,170,166)
```
#33b3af
```
#33b3af rgb(51,179,175)
```
#2abcb7
```
#2abcb7 rgb(42,188,183)
```
#22c4bf
```
#22c4bf rgb(34,196,191)
```
#19cdc7
```
#19cdc7 rgb(25,205,199)
```
#10d6d0
```
#10d6d0 rgb(16,214,208)
```
#07dfd8
```
#07dfd8 rgb(7,223,216)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#788b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a979b Protanopia 1% of men
#9e94a9 Deuteranopia 1% of men
#54a3af Tritanopia 0.001% of the population

Trichromacy

#7b9b9c Protanomaly 1% of men, 0.01% of women
#7e99a5 Deuteranomaly 6% of men, 0.4% of women
#4fa2a9 Tritanomaly 0.01% of the population

#45a19e hex color

#45a19e Color Information

#45a19e Color Conversion

Color Schemes with #45a19e

Alternatives to #45a19e

#45a19e Preview

Shades and Tints of #45a19e

Tones of #45a19e

Color Blindness Simulator