#45b666 hex color

In a RGB color space, hex #45b666 is composed of 27.1% red, 71.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 0% magenta, 44% yellow and 28.6% black. It has a hue angle of 137.5 degrees, a saturation of 45% and a lightness of 49.2%. #45b666 color hex could be obtained by blending #8affcc with #006d00. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #45b666 has RGB values of R:69, G:182, B:102 and CMYK values of C:0.62, M:0, Y:0.44, K:0.29. Its decimal value is 4568678.

Hex triplet	45b666	`#45b666`
RGB Decimal	69, 182, 102	`rgb(69,182,102)`
RGB Percent	27.1, 71.4, 40	`rgb(27.1%,71.4%,40%)`
CMYK	62, 0, 44, 29
HSL	137.5°, 45, 49.2	`hsl(137.5,45%,49.2%)`
HSV (or HSB)	137.5°, 62.1, 71.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.274, -49.603, 31.44
XYZ	21.579, 35.679, 18.319
xyY	0.286, 0.472, 35.679
CIE-LCH	66.274, 58.728, 147.632
CIE-LUV	66.274, -48.88, 48.758
Hunter-Lab	59.732, -40.044, 23.628
Binary	01000101, 10110110, 01100110

#45b666
```
#45b666 rgb(69,182,102)
```
#b64595
```
#b64595 rgb(182,69,149)
```

Complementary Color

#5db645
```
#5db645 rgb(93,182,69)
```
#45b666
```
#45b666 rgb(69,182,102)
```
#45b69f
```
#45b69f rgb(69,182,159)
```

Analogous Color

#b6455c
```
#b6455c rgb(182,69,92)
```
#45b666
```
#45b666 rgb(69,182,102)
```
#9f45b6
```
#9f45b6 rgb(159,69,182)
```

Split Complementary Color

#b66645
```
#b66645 rgb(182,102,69)
```
#45b666
```
#45b666 rgb(69,182,102)
```
#6645b6
```
#6645b6 rgb(102,69,182)
```

Triadic Color

#95b645
```
#95b645 rgb(149,182,69)
```
#45b666
```
#45b666 rgb(69,182,102)
```
#6645b6
```
#6645b6 rgb(102,69,182)
```
#b64595
```
#b64595 rgb(182,69,149)
```

Tetradic Color

#307f47
```
#307f47 rgb(48,127,71)
```
#379151
```
#379151 rgb(55,145,81)
```
#3ea45c
```
#3ea45c rgb(62,164,92)
```
#45b666
```
#45b666 rgb(69,182,102)
```
#56bf74
```
#56bf74 rgb(86,191,116)
```
#68c684
```
#68c684 rgb(104,198,132)
```
#7bcd93
```
#7bcd93 rgb(123,205,147)
```

Monochromatic Color

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

#45b64a
```
#45b64a rgb(69,182,74)
```
#45b653
```
#45b653 rgb(69,182,83)
```
#45b65d
```
#45b65d rgb(69,182,93)
```
#45b666
```
#45b666 rgb(69,182,102)
```
#45b66f
```
#45b66f rgb(69,182,111)
```
#45b679
```
#45b679 rgb(69,182,121)
```
#45b682
```
#45b682 rgb(69,182,130)
```

Similar Colors

Text with hexadecimal color #45b666

This text has a font color of #45b666.

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

#45b666 background color

This paragraph has a background color of #45b666.

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

#45b666 border color

This element has a border color of #45b666.

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

CSS codes

.text {color:#45b666;}

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

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

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

#040b06
```
#040b06 rgb(4,11,6)
```
#0a1a0e
```
#0a1a0e rgb(10,26,14)
```
#0f2816
```
#0f2816 rgb(15,40,22)
```
#14361e
```
#14361e rgb(20,54,30)
```
#1a4426
```
#1a4426 rgb(26,68,38)
```
#1f522e
```
#1f522e rgb(31,82,46)
```
#256136
```
#256136 rgb(37,97,54)
```
#2a6f3e
```
#2a6f3e rgb(42,111,62)
```
#2f7d46
```
#2f7d46 rgb(47,125,70)
```
#358b4e
```
#358b4e rgb(53,139,78)
```
#3a9a56
```
#3a9a56 rgb(58,154,86)
```
#40a85e
```
#40a85e rgb(64,168,94)
```
#45b666
```
#45b666 rgb(69,182,102)
```

Shade Color Variation

#51bd71
```
#51bd71 rgb(81,189,113)
```
#60c37d
```
#60c37d rgb(96,195,125)
```
#6ec888
```
#6ec888 rgb(110,200,136)
```
#7ccd94
```
#7ccd94 rgb(124,205,148)
```
#8ad39f
```
#8ad39f rgb(138,211,159)
```
#99d8ab
```
#99d8ab rgb(153,216,171)
```
#a7deb7
```
#a7deb7 rgb(167,222,183)
```
#b5e3c2
```
#b5e3c2 rgb(181,227,194)
```
#c3e8ce
```
#c3e8ce rgb(195,232,206)
```
#d1eeda
```
#d1eeda rgb(209,238,218)
```
#e0f3e5
```
#e0f3e5 rgb(224,243,229)
```
#eef9f1
```
#eef9f1 rgb(238,249,241)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75867a is the less saturated color, while #01fa4a is the most saturated one.

#75867a
```
#75867a rgb(117,134,122)
```
#6c8f76
```
#6c8f76 rgb(108,143,118)
```
#629972
```
#629972 rgb(98,153,114)
```
#58a36e
```
#58a36e rgb(88,163,110)
```
#4fac6a
```
#4fac6a rgb(79,172,106)
```
#45b666
```
#45b666 rgb(69,182,102)
```
#3bc062
```
#3bc062 rgb(59,192,98)
```
#32c95e
```
#32c95e rgb(50,201,94)
```
#28d35a
```
#28d35a rgb(40,211,90)
```
#1edd56
```
#1edd56 rgb(30,221,86)
```
#15e652
```
#15e652 rgb(21,230,82)
```
#0bf04e
```
#0bf04e rgb(11,240,78)
```
#01fa4a
```
#01fa4a rgb(1,250,74)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7d9484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a566 Protanopia 1% of men
#c49f77 Deuteranopia 1% of men
#6ab0bd Tritanopia 0.001% of the population

Trichromacy

#8cab66 Protanomaly 1% of men, 0.01% of women
#96a770 Deuteranomaly 6% of men, 0.4% of women
#5cb29d Tritanomaly 0.01% of the population

#45b666 hex color

#45b666 Color Information

#45b666 Color Conversion

Color Schemes with #45b666

Alternatives to #45b666

#45b666 Preview

Shades and Tints of #45b666

Tones of #45b666

Color Blindness Simulator