colorhexa.com

#45b495 hex color

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

- R 27
- G 71
- B 58
RGB color chart
- C 62
- M 0
- Y 17
- K 29
CMYK color chart

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

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

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

CIE-LAB	66.578, -39.04, 6.529
XYZ	24.198, 36.076, 34.12
xyY	0.256, 0.382, 36.076
CIE-LCH	66.578, 39.582, 170.505
CIE-LUV	66.578, -45.762, 15.524
Hunter-Lab	60.063, -33.195, 8.363
Binary	01000101, 10110100, 10010101

#45b495
```
#45b495 rgb(69,180,149)
```
#b44564
```
#b44564 rgb(180,69,100)
```

Complementary Color

#45b45e
```
#45b45e rgb(69,180,94)
```
#45b495
```
#45b495 rgb(69,180,149)
```
#459cb4
```
#459cb4 rgb(69,156,180)
```

Analogous Color

#b45e45
```
#b45e45 rgb(180,94,69)
```
#45b495
```
#45b495 rgb(69,180,149)
```
#b4459c
```
#b4459c rgb(180,69,156)
```

Split Complementary Color

#b49545
```
#b49545 rgb(180,149,69)
```
#45b495
```
#45b495 rgb(69,180,149)
```
#9545b4
```
#9545b4 rgb(149,69,180)
```

Triadic Color

#64b445
```
#64b445 rgb(100,180,69)
```
#45b495
```
#45b495 rgb(69,180,149)
```
#9545b4
```
#9545b4 rgb(149,69,180)
```
#b44564
```
#b44564 rgb(180,69,100)
```

Tetradic Color

#307d67
```
#307d67 rgb(48,125,103)
```
#378f76
```
#378f76 rgb(55,143,118)
```
#3ea286
```
#3ea286 rgb(62,162,134)
```
#45b495
```
#45b495 rgb(69,180,149)
```
#55bea0
```
#55bea0 rgb(85,190,160)
```
#67c5ab
```
#67c5ab rgb(103,197,171)
```
#7accb5
```
#7accb5 rgb(122,204,181)
```

Monochromatic Color

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

#45b479
```
#45b479 rgb(69,180,121)
```
#45b483
```
#45b483 rgb(69,180,131)
```
#45b48c
```
#45b48c rgb(69,180,140)
```
#45b495
```
#45b495 rgb(69,180,149)
```
#45b49e
```
#45b49e rgb(69,180,158)
```
#45b4a8
```
#45b4a8 rgb(69,180,168)
```
#45b4b1
```
#45b4b1 rgb(69,180,177)
```

Similar Colors

Text with hexadecimal color #45b495

This text has a font color of #45b495.

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

#45b495 background color

This paragraph has a background color of #45b495.

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

#45b495 border color

This element has a border color of #45b495.

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

CSS codes

.text {color:#45b495;}

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

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

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)
```
#14342b
```
#14342b rgb(20,52,43)
```
#1a4337
```
#1a4337 rgb(26,67,55)
```
#1f5143
```
#1f5143 rgb(31,81,67)
```
#245f4f
```
#245f4f rgb(36,95,79)
```
#2a6d5a
```
#2a6d5a rgb(42,109,90)
```
#2f7b66
```
#2f7b66 rgb(47,123,102)
```
#358972
```
#358972 rgb(53,137,114)
```
#3a987e
```
#3a987e rgb(58,152,126)
```
#40a689
```
#40a689 rgb(64,166,137)
```
#45b495
```
#45b495 rgb(69,180,149)
```

Shade Color Variation

#51bc9e
```
#51bc9e rgb(81,188,158)
```
#5fc2a6
```
#5fc2a6 rgb(95,194,166)
```
#6dc7ae
```
#6dc7ae rgb(109,199,174)
```
#7bccb6
```
#7bccb6 rgb(123,204,182)
```
#89d2be
```
#89d2be rgb(137,210,190)
```
#97d7c5
```
#97d7c5 rgb(151,215,197)
```
#a6ddcd
```
#a6ddcd rgb(166,221,205)
```
#b4e2d5
```
#b4e2d5 rgb(180,226,213)
```
#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 #02f7b3 is the most saturated one.

#758480
```
#758480 rgb(117,132,128)
```
#6b8e84
```
#6b8e84 rgb(107,142,132)
```
#629788
```
#629788 rgb(98,151,136)
```
#58a18d
```
#58a18d rgb(88,161,141)
```
#4faa91
```
#4faa91 rgb(79,170,145)
```
#45b495
```
#45b495 rgb(69,180,149)
```
#3bbe99
```
#3bbe99 rgb(59,190,153)
```
#32c79d
```
#32c79d rgb(50,199,157)
```
#28d1a2
```
#28d1a2 rgb(40,209,162)
```
#1fdaa6
```
#1fdaa6 rgb(31,218,166)
```
#15e4aa
```
#15e4aa rgb(21,228,170)
```
#0cedae
```
#0cedae rgb(12,237,174)
```
#02f7b3
```
#02f7b3 rgb(2,247,179)
```

Tone Color Variation

Below, you can see how #45b495 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
#b7a1a2 Deuteranopia 1% of men
#5fb2bf Tritanopia 0.001% of the population

Trichromacy

#88ab93 Protanomaly 1% of men, 0.01% of women
#8ea89d Deuteranomaly 6% of men, 0.4% of women
#56b3b0 Tritanomaly 0.01% of the population