#45b396 hex color

In a RGB color space, hex #45b396 is composed of 27.1% red, 70.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 16.2% yellow and 29.8% black. It has a hue angle of 164.2 degrees, a saturation of 44.4% and a lightness of 48.6%. #45b396 color hex could be obtained by blending #8affff with #00672d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 70
- B 59
RGB color chart
- C 61
- M 0
- Y 16
- K 30
CMYK color chart

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

The hexadecimal color #45b396 has RGB values of R:69, G:179, B:150 and CMYK values of C:0.61, M:0, Y:0.16, K:0.3. Its decimal value is 4567958.

Hex triplet	45b396	`#45b396`
RGB Decimal	69, 179, 150	`rgb(69,179,150)`
RGB Percent	27.1, 70.2, 58.8	`rgb(27.1%,70.2%,58.8%)`
CMYK	61, 0, 16, 30
HSL	164.2°, 44.4, 48.6	`hsl(164.2,44.4%,48.6%)`
HSV (or HSB)	164.2°, 61.5, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.294, -38.347, 5.571
XYZ	24.077, 35.705, 34.475
xyY	0.255, 0.379, 35.705
CIE-LCH	66.294, 38.75, 171.735
CIE-LUV	66.294, -45.327, 14.04
Hunter-Lab	59.754, -32.644, 7.62
Binary	01000101, 10110011, 10010110

#45b396
```
#45b396 rgb(69,179,150)
```
#b34562
```
#b34562 rgb(179,69,98)
```

Complementary Color

#45b35f
```
#45b35f rgb(69,179,95)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#4599b3
```
#4599b3 rgb(69,153,179)
```

Analogous Color

#b35f45
```
#b35f45 rgb(179,95,69)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#b34599
```
#b34599 rgb(179,69,153)
```

Split Complementary Color

#b39645
```
#b39645 rgb(179,150,69)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#9645b3
```
#9645b3 rgb(150,69,179)
```

Triadic Color

#62b345
```
#62b345 rgb(98,179,69)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#9645b3
```
#9645b3 rgb(150,69,179)
```
#b34562
```
#b34562 rgb(179,69,98)
```

Tetradic Color

#307c68
```
#307c68 rgb(48,124,104)
```
#378e77
```
#378e77 rgb(55,142,119)
```
#3ea187
```
#3ea187 rgb(62,161,135)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#54bda2
```
#54bda2 rgb(84,189,162)
```
#67c4ac
```
#67c4ac rgb(103,196,172)
```
#79cbb6
```
#79cbb6 rgb(121,203,182)
```

Monochromatic Color

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

#45b37b
```
#45b37b rgb(69,179,123)
```
#45b384
```
#45b384 rgb(69,179,132)
```
#45b38d
```
#45b38d rgb(69,179,141)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#45b39f
```
#45b39f rgb(69,179,159)
```
#45b3a8
```
#45b3a8 rgb(69,179,168)
```
#45b3b2
```
#45b3b2 rgb(69,179,178)
```

Similar Colors

Text with hexadecimal color #45b396

This text has a font color of #45b396.

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

#45b396 background color

This paragraph has a background color of #45b396.

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

#45b396 border color

This element has a border color of #45b396.

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

CSS codes

.text {color:#45b396;}

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

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

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

#040908
```
#040908 rgb(4,9,8)
```
#091713
```
#091713 rgb(9,23,19)
```
#0e251f
```
#0e251f rgb(14,37,31)
```
#14342b
```
#14342b rgb(20,52,43)
```
#194237
```
#194237 rgb(25,66,55)
```
#1f5043
```
#1f5043 rgb(31,80,67)
```
#245e4f
```
#245e4f rgb(36,94,79)
```
#2a6c5b
```
#2a6c5b rgb(42,108,91)
```
#2f7a67
```
#2f7a67 rgb(47,122,103)
```
#358972
```
#358972 rgb(53,137,114)
```
#3a977e
```
#3a977e rgb(58,151,126)
```
#40a58a
```
#40a58a rgb(64,165,138)
```
#45b396
```
#45b396 rgb(69,179,150)
```

Shade Color Variation

#50bc9f
```
#50bc9f rgb(80,188,159)
```
#5ec1a7
```
#5ec1a7 rgb(94,193,167)
```
#6cc6af
```
#6cc6af rgb(108,198,175)
```
#7bccb6
```
#7bccb6 rgb(123,204,182)
```
#89d1be
```
#89d1be rgb(137,209,190)
```
#97d7c6
```
#97d7c6 rgb(151,215,198)
```
#a5dcce
```
#a5dcce rgb(165,220,206)
```
#b3e2d5
```
#b3e2d5 rgb(179,226,213)
```
#c1e7dd
```
#c1e7dd rgb(193,231,221)
```
#cfede5
```
#cfede5 rgb(207,237,229)
```
#def2ed
```
#def2ed rgb(222,242,237)
```
#ecf8f4
```
#ecf8f4 rgb(236,248,244)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#75837f
```
#75837f rgb(117,131,127)
```
#6b8d84
```
#6b8d84 rgb(107,141,132)
```
#629688
```
#629688 rgb(98,150,136)
```
#58a08d
```
#58a08d rgb(88,160,141)
```
#4fa991
```
#4fa991 rgb(79,169,145)
```
#45b396
```
#45b396 rgb(69,179,150)
```
#3bbd9b
```
#3bbd9b rgb(59,189,155)
```
#32c69f
```
#32c69f rgb(50,198,159)
```
#28d0a4
```
#28d0a4 rgb(40,208,164)
```
#1fd9a8
```
#1fd9a8 rgb(31,217,168)
```
#15e3ad
```
#15e3ad rgb(21,227,173)
```
#0cecb1
```
#0cecb1 rgb(12,236,177)
```
#02f6b6
```
#02f6b6 rgb(2,246,182)
```

Tone Color Variation

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

#ada592 Protanopia 1% of men
#b6a0a3 Deuteranopia 1% of men
#5fb1be Tritanopia 0.001% of the population

Trichromacy

#87aa94 Protanomaly 1% of men, 0.01% of women
#8da79e Deuteranomaly 6% of men, 0.4% of women
#55b2af Tritanomaly 0.01% of the population

#45b396 hex color

#45b396 Color Information

#45b396 Color Conversion

Color Schemes with #45b396

Alternatives to #45b396

#45b396 Preview

Shades and Tints of #45b396

Tones of #45b396

Color Blindness Simulator