#45b168 hex color

In a RGB color space, hex #45b168 is composed of 27.1% red, 69.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 0% magenta, 41.2% yellow and 30.6% black. It has a hue angle of 139.4 degrees, a saturation of 43.9% and a lightness of 48.2%. #45b168 color hex could be obtained by blending #8affd0 with #006300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 27
- G 69
- B 41
RGB color chart
- C 61
- M 0
- Y 41
- K 31
CMYK color chart

● #45b168 color description : Dark moderate cyan - lime green.

The hexadecimal color #45b168 has RGB values of R:69, G:177, B:104 and CMYK values of C:0.61, M:0, Y:0.41, K:0.31. Its decimal value is 4567400.

Hex triplet	45b168	`#45b168`
RGB Decimal	69, 177, 104	`rgb(69,177,104)`
RGB Percent	27.1, 69.4, 40.8	`rgb(27.1%,69.4%,40.8%)`
CMYK	61, 0, 41, 31
HSL	139.4°, 43.9, 48.2	`hsl(139.4,43.9%,48.2%)`
HSV (or HSB)	139.4°, 61, 69.4
Web Safe	339966	`#339966`

CIE-LAB	64.73, -47.274, 28.391
XYZ	20.674, 33.707, 18.513
xyY	0.284, 0.462, 33.707
CIE-LCH	64.73, 55.144, 149.013
CIE-LUV	64.73, -46.877, 44.658
Hunter-Lab	58.058, -38.04, 21.735
Binary	01000101, 10110001, 01101000

#45b168
```
#45b168 rgb(69,177,104)
```
#b1458e
```
#b1458e rgb(177,69,142)
```

Complementary Color

#58b145
```
#58b145 rgb(88,177,69)
```
#45b168
```
#45b168 rgb(69,177,104)
```
#45b19e
```
#45b19e rgb(69,177,158)
```

Analogous Color

#b14558
```
#b14558 rgb(177,69,88)
```
#45b168
```
#45b168 rgb(69,177,104)
```
#9e45b1
```
#9e45b1 rgb(158,69,177)
```

Split Complementary Color

#b16845
```
#b16845 rgb(177,104,69)
```
#45b168
```
#45b168 rgb(69,177,104)
```
#6845b1
```
#6845b1 rgb(104,69,177)
```

Triadic Color

#8eb145
```
#8eb145 rgb(142,177,69)
```
#45b168
```
#45b168 rgb(69,177,104)
```
#6845b1
```
#6845b1 rgb(104,69,177)
```
#b1458e
```
#b1458e rgb(177,69,142)
```

Tetradic Color

#307a48
```
#307a48 rgb(48,122,72)
```
#378c52
```
#378c52 rgb(55,140,82)
```
#3e9f5d
```
#3e9f5d rgb(62,159,93)
```
#45b168
```
#45b168 rgb(69,177,104)
```
#53bc75
```
#53bc75 rgb(83,188,117)
```
#66c384
```
#66c384 rgb(102,195,132)
```
#78ca93
```
#78ca93 rgb(120,202,147)
```

Monochromatic Color

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

#45b14d
```
#45b14d rgb(69,177,77)
```
#45b156
```
#45b156 rgb(69,177,86)
```
#45b15f
```
#45b15f rgb(69,177,95)
```
#45b168
```
#45b168 rgb(69,177,104)
```
#45b171
```
#45b171 rgb(69,177,113)
```
#45b17a
```
#45b17a rgb(69,177,122)
```
#45b183
```
#45b183 rgb(69,177,131)
```

Similar Colors

Text with hexadecimal color #45b168

This text has a font color of #45b168.

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

#45b168 background color

This paragraph has a background color of #45b168.

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

#45b168 border color

This element has a border color of #45b168.

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

CSS codes

.text {color:#45b168;}

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

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

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

#030804
```
#030804 rgb(3,8,4)
```
#08160d
```
#08160d rgb(8,22,13)
```
#0e2415
```
#0e2415 rgb(14,36,21)
```
#13321d
```
#13321d rgb(19,50,29)
```
#194026
```
#194026 rgb(25,64,38)
```
#1e4e2e
```
#1e4e2e rgb(30,78,46)
```
#245c36
```
#245c36 rgb(36,92,54)
```
#296a3f
```
#296a3f rgb(41,106,63)
```
#2f7947
```
#2f7947 rgb(47,121,71)
```
#34874f
```
#34874f rgb(52,135,79)
```
#3a9557
```
#3a9557 rgb(58,149,87)
```
#3fa360
```
#3fa360 rgb(63,163,96)
```
#45b168
```
#45b168 rgb(69,177,104)
```

Shade Color Variation

#4fba72
```
#4fba72 rgb(79,186,114)
```
#5dc07d
```
#5dc07d rgb(93,192,125)
```
#6bc589
```
#6bc589 rgb(107,197,137)
```
#7acb94
```
#7acb94 rgb(122,203,148)
```
#88d09f
```
#88d09f rgb(136,208,159)
```
#96d6ab
```
#96d6ab rgb(150,214,171)
```
#a4dbb6
```
#a4dbb6 rgb(164,219,182)
```
#b2e1c1
```
#b2e1c1 rgb(178,225,193)
```
#c0e6cd
```
#c0e6cd rgb(192,230,205)
```
#ceecd8
```
#ceecd8 rgb(206,236,216)
```
#dcf1e3
```
#dcf1e3 rgb(220,241,227)
```
#eaf7ee
```
#eaf7ee rgb(234,247,238)
```
#f9fcfa
```
#f9fcfa rgb(249,252,250)
```

Tint Color Variation

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

#748279
```
#748279 rgb(116,130,121)
```
#6b8b75
```
#6b8b75 rgb(107,139,117)
```
#619572
```
#619572 rgb(97,149,114)
```
#589e6f
```
#589e6f rgb(88,158,111)
```
#4ea86b
```
#4ea86b rgb(78,168,107)
```
#45b168
```
#45b168 rgb(69,177,104)
```
#3cba65
```
#3cba65 rgb(60,186,101)
```
#32c461
```
#32c461 rgb(50,196,97)
```
#29cd5e
```
#29cd5e rgb(41,205,94)
```
#1fd75b
```
#1fd75b rgb(31,215,91)
```
#16e057
```
#16e057 rgb(22,224,87)
```
#0cea54
```
#0cea54 rgb(12,234,84)
```
#03f351
```
#03f351 rgb(3,243,81)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7b9082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a268 Protanopia 1% of men
#be9b78 Deuteranopia 1% of men
#68acb8 Tritanopia 0.001% of the population

Trichromacy

#89a768 Protanomaly 1% of men, 0.01% of women
#92a372 Deuteranomaly 6% of men, 0.4% of women
#5bad9b Tritanomaly 0.01% of the population

#45b168 hex color

#45b168 Color Information

#45b168 Color Conversion

Color Schemes with #45b168

Alternatives to #45b168

#45b168 Preview

Shades and Tints of #45b168

Tones of #45b168

Color Blindness Simulator