#45b669 hex color

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

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

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

The hexadecimal color #45b669 has RGB values of R:69, G:182, B:105 and CMYK values of C:0.62, M:0, Y:0.42, K:0.29. Its decimal value is 4568681.

Hex triplet	45b669	`#45b669`
RGB Decimal	69, 182, 105	`rgb(69,182,105)`
RGB Percent	27.1, 71.4, 41.2	`rgb(27.1%,71.4%,41.2%)`
CMYK	62, 0, 42, 29
HSL	139.1°, 45, 49.2	`hsl(139.1,45%,49.2%)`
HSV (or HSB)	139.1°, 62.1, 71.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	66.32, -49.091, 29.94
XYZ	21.731, 35.739, 19.117
xyY	0.284, 0.467, 35.739
CIE-LCH	66.32, 57.501, 148.621
CIE-LUV	66.32, -48.748, 47.016
Hunter-Lab	59.782, -39.735, 22.888
Binary	01000101, 10110110, 01101001

#45b669
```
#45b669 rgb(69,182,105)
```
#b64592
```
#b64592 rgb(182,69,146)
```

Complementary Color

#5ab645
```
#5ab645 rgb(90,182,69)
```
#45b669
```
#45b669 rgb(69,182,105)
```
#45b6a2
```
#45b6a2 rgb(69,182,162)
```

Analogous Color

#b6455a
```
#b6455a rgb(182,69,90)
```
#45b669
```
#45b669 rgb(69,182,105)
```
#a245b6
```
#a245b6 rgb(162,69,182)
```

Split Complementary Color

#b66945
```
#b66945 rgb(182,105,69)
```
#45b669
```
#45b669 rgb(69,182,105)
```
#6945b6
```
#6945b6 rgb(105,69,182)
```

Triadic Color

#92b645
```
#92b645 rgb(146,182,69)
```
#45b669
```
#45b669 rgb(69,182,105)
```
#6945b6
```
#6945b6 rgb(105,69,182)
```
#b64592
```
#b64592 rgb(182,69,146)
```

Tetradic Color

#307f49
```
#307f49 rgb(48,127,73)
```
#379154
```
#379154 rgb(55,145,84)
```
#3ea45e
```
#3ea45e rgb(62,164,94)
```
#45b669
```
#45b669 rgb(69,182,105)
```
#56bf77
```
#56bf77 rgb(86,191,119)
```
#68c686
```
#68c686 rgb(104,198,134)
```
#7bcd95
```
#7bcd95 rgb(123,205,149)
```

Monochromatic Color

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

#45b64d
```
#45b64d rgb(69,182,77)
```
#45b656
```
#45b656 rgb(69,182,86)
```
#45b660
```
#45b660 rgb(69,182,96)
```
#45b669
```
#45b669 rgb(69,182,105)
```
#45b672
```
#45b672 rgb(69,182,114)
```
#45b67c
```
#45b67c rgb(69,182,124)
```
#45b685
```
#45b685 rgb(69,182,133)
```

Similar Colors

Text with hexadecimal color #45b669

This text has a font color of #45b669.

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

#45b669 background color

This paragraph has a background color of #45b669.

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

#45b669 border color

This element has a border color of #45b669.

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

CSS codes

.text {color:#45b669;}

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

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

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

#040b07
```
#040b07 rgb(4,11,7)
```
#0a1a0f
```
#0a1a0f rgb(10,26,15)
```
#0f2817
```
#0f2817 rgb(15,40,23)
```
#14361f
```
#14361f rgb(20,54,31)
```
#1a4427
```
#1a4427 rgb(26,68,39)
```
#1f5230
```
#1f5230 rgb(31,82,48)
```
#256138
```
#256138 rgb(37,97,56)
```
#2a6f40
```
#2a6f40 rgb(42,111,64)
```
#2f7d48
```
#2f7d48 rgb(47,125,72)
```
#358b50
```
#358b50 rgb(53,139,80)
```
#3a9a59
```
#3a9a59 rgb(58,154,89)
```
#40a861
```
#40a861 rgb(64,168,97)
```
#45b669
```
#45b669 rgb(69,182,105)
```

Shade Color Variation

#51bd74
```
#51bd74 rgb(81,189,116)
```
#60c37f
```
#60c37f rgb(96,195,127)
```
#6ec88b
```
#6ec88b rgb(110,200,139)
```
#7ccd96
```
#7ccd96 rgb(124,205,150)
```
#8ad3a1
```
#8ad3a1 rgb(138,211,161)
```
#99d8ad
```
#99d8ad rgb(153,216,173)
```
#a7deb8
```
#a7deb8 rgb(167,222,184)
```
#b5e3c4
```
#b5e3c4 rgb(181,227,196)
```
#c3e8cf
```
#c3e8cf rgb(195,232,207)
```
#d1eeda
```
#d1eeda rgb(209,238,218)
```
#e0f3e6
```
#e0f3e6 rgb(224,243,230)
```
#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, #75867b is the less saturated color, while #01fa50 is the most saturated one.

#75867b
```
#75867b rgb(117,134,123)
```
#6c8f77
```
#6c8f77 rgb(108,143,119)
```
#629974
```
#629974 rgb(98,153,116)
```
#58a370
```
#58a370 rgb(88,163,112)
```
#4fac6d
```
#4fac6d rgb(79,172,109)
```
#45b669
```
#45b669 rgb(69,182,105)
```
#3bc065
```
#3bc065 rgb(59,192,101)
```
#32c962
```
#32c962 rgb(50,201,98)
```
#28d35e
```
#28d35e rgb(40,211,94)
```
#1edd5b
```
#1edd5b rgb(30,221,91)
```
#15e657
```
#15e657 rgb(21,230,87)
```
#0bf054
```
#0bf054 rgb(11,240,84)
```
#01fa50
```
#01fa50 rgb(1,250,80)
```

Tone Color Variation

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

#b4a669 Protanopia 1% of men
#c39f79 Deuteranopia 1% of men
#69b0bd Tritanopia 0.001% of the population

Trichromacy

#8cab69 Protanomaly 1% of men, 0.01% of women
#95a773 Deuteranomaly 6% of men, 0.4% of women
#5cb29e Tritanomaly 0.01% of the population

#45b669 hex color

#45b669 Color Information

#45b669 Color Conversion

Color Schemes with #45b669

Alternatives to #45b669

#45b669 Preview

Shades and Tints of #45b669

Tones of #45b669

Color Blindness Simulator