#45b496 hex color

In a RGB color space, hex #45b496 is composed of 27.1% red, 70.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 0% magenta, 16.7% yellow and 29.4% black. It has a hue angle of 163.8 degrees, a saturation of 44.6% and a lightness of 48.8%. #45b496 color hex could be obtained by blending #8affff with #00692d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 71
- B 59
RGB color chart
- C 62
- M 0
- Y 17
- K 29
CMYK color chart

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

The hexadecimal color #45b496 has RGB values of R:69, G:180, B:150 and CMYK values of C:0.62, M:0, Y:0.17, K:0.29. Its decimal value is 4568214.

Hex triplet	45b496	`#45b496`
RGB Decimal	69, 180, 150	`rgb(69,180,150)`
RGB Percent	27.1, 70.6, 58.8	`rgb(27.1%,70.6%,58.8%)`
CMYK	62, 0, 17, 29
HSL	163.8°, 44.6, 48.8	`hsl(163.8,44.6%,48.8%)`
HSV (or HSB)	163.8°, 61.7, 70.6
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.602, -38.796, 6.013
XYZ	24.279, 36.108, 34.542
xyY	0.256, 0.38, 36.108
CIE-LCH	66.602, 39.259, 171.189
CIE-LUV	66.602, -45.706, 14.753
Hunter-Lab	60.09, -33.036, 7.98
Binary	01000101, 10110100, 10010110

#45b496
```
#45b496 rgb(69,180,150)
```
#b44563
```
#b44563 rgb(180,69,99)
```

Complementary Color

#45b45f
```
#45b45f rgb(69,180,95)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#459bb4
```
#459bb4 rgb(69,155,180)
```

Analogous Color

#b45f45
```
#b45f45 rgb(180,95,69)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#b4459b
```
#b4459b rgb(180,69,155)
```

Split Complementary Color

#b49645
```
#b49645 rgb(180,150,69)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#9645b4
```
#9645b4 rgb(150,69,180)
```

Triadic Color

#63b445
```
#63b445 rgb(99,180,69)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#9645b4
```
#9645b4 rgb(150,69,180)
```
#b44563
```
#b44563 rgb(180,69,99)
```

Tetradic Color

#307d68
```
#307d68 rgb(48,125,104)
```
#378f77
```
#378f77 rgb(55,143,119)
```
#3ea287
```
#3ea287 rgb(62,162,135)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#55bea1
```
#55bea1 rgb(85,190,161)
```
#67c5ac
```
#67c5ac rgb(103,197,172)
```
#7accb6
```
#7accb6 rgb(122,204,182)
```

Monochromatic Color

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

#45b47a
```
#45b47a rgb(69,180,122)
```
#45b484
```
#45b484 rgb(69,180,132)
```
#45b48d
```
#45b48d rgb(69,180,141)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#45b49f
```
#45b49f rgb(69,180,159)
```
#45b4a9
```
#45b4a9 rgb(69,180,169)
```
#45b4b2
```
#45b4b2 rgb(69,180,178)
```

Similar Colors

Text with hexadecimal color #45b496

This text has a font color of #45b496.

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

#45b496 background color

This paragraph has a background color of #45b496.

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

#45b496 border color

This element has a border color of #45b496.

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

CSS codes

.text {color:#45b496;}

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

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

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

#040a08
```
#040a08 rgb(4,10,8)
```
#091814
```
#091814 rgb(9,24,20)
```
#0f2620
```
#0f2620 rgb(15,38,32)
```
#14342c
```
#14342c rgb(20,52,44)
```
#1a4337
```
#1a4337 rgb(26,67,55)
```
#1f5143
```
#1f5143 rgb(31,81,67)
```
#245f4f
```
#245f4f rgb(36,95,79)
```
#2a6d5b
```
#2a6d5b rgb(42,109,91)
```
#2f7b67
```
#2f7b67 rgb(47,123,103)
```
#358973
```
#358973 rgb(53,137,115)
```
#3a987e
```
#3a987e rgb(58,152,126)
```
#40a68a
```
#40a68a rgb(64,166,138)
```
#45b496
```
#45b496 rgb(69,180,150)
```

Shade Color Variation

#51bc9f
```
#51bc9f rgb(81,188,159)
```
#5fc2a7
```
#5fc2a7 rgb(95,194,167)
```
#6dc7af
```
#6dc7af rgb(109,199,175)
```
#7bccb6
```
#7bccb6 rgb(123,204,182)
```
#89d2be
```
#89d2be rgb(137,210,190)
```
#97d7c6
```
#97d7c6 rgb(151,215,198)
```
#a6ddce
```
#a6ddce rgb(166,221,206)
```
#b4e2d6
```
#b4e2d6 rgb(180,226,214)
```
#c2e8dd
```
#c2e8dd rgb(194,232,221)
```
#d0ede5
```
#d0ede5 rgb(208,237,229)
```
#def2ed
```
#def2ed rgb(222,242,237)
```
#ecf8f5
```
#ecf8f5 rgb(236,248,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#758480
```
#758480 rgb(117,132,128)
```
#6b8e84
```
#6b8e84 rgb(107,142,132)
```
#629789
```
#629789 rgb(98,151,137)
```
#58a18d
```
#58a18d rgb(88,161,141)
```
#4faa92
```
#4faa92 rgb(79,170,146)
```
#45b496
```
#45b496 rgb(69,180,150)
```
#3bbe9a
```
#3bbe9a rgb(59,190,154)
```
#32c79f
```
#32c79f rgb(50,199,159)
```
#28d1a3
```
#28d1a3 rgb(40,209,163)
```
#1fdaa8
```
#1fdaa8 rgb(31,218,168)
```
#15e4ac
```
#15e4ac rgb(21,228,172)
```
#0cedb0
```
#0cedb0 rgb(12,237,176)
```
#02f7b5
```
#02f7b5 rgb(2,247,181)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#809690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea692 Protanopia 1% of men
#b7a1a3 Deuteranopia 1% of men
#5fb2bf Tritanopia 0.001% of the population

Trichromacy

#88ab94 Protanomaly 1% of men, 0.01% of women
#8da89e Deuteranomaly 6% of men, 0.4% of women
#55b3b0 Tritanomaly 0.01% of the population

#45b496 hex color

#45b496 Color Information

#45b496 Color Conversion

Color Schemes with #45b496

Alternatives to #45b496

#45b496 Preview

Shades and Tints of #45b496

Tones of #45b496

Color Blindness Simulator