#45a290 hex color

In a RGB color space, hex #45a290 is composed of 27.1% red, 63.5% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 0% magenta, 11.1% yellow and 36.5% black. It has a hue angle of 168.4 degrees, a saturation of 40.3% and a lightness of 45.3%. #45a290 color hex could be obtained by blending #8affff with #004521. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 64
- B 56
RGB color chart
- C 57
- M 0
- Y 11
- K 36
CMYK color chart

● #45a290 color description : Dark moderate cyan.

The hexadecimal color #45a290 has RGB values of R:69, G:162, B:144 and CMYK values of C:0.57, M:0, Y:0.11, K:0.36. Its decimal value is 4563600.

Hex triplet	45a290	`#45a290`
RGB Decimal	69, 162, 144	`rgb(69,162,144)`
RGB Percent	27.1, 63.5, 56.5	`rgb(27.1%,63.5%,56.5%)`
CMYK	57, 0, 11, 36
HSL	168.4°, 40.3, 45.3	`hsl(168.4,40.3%,45.3%)`
HSV (or HSB)	168.4°, 57.4, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.886, -32.004, 1.09
XYZ	20.407, 29.118, 30.929
xyY	0.254, 0.362, 29.118
CIE-LCH	60.886, 32.023, 178.05
CIE-LUV	60.886, -39.113, 6.468
Hunter-Lab	53.961, -26.927, 3.789
Binary	01000101, 10100010, 10010000

#45a290
```
#45a290 rgb(69,162,144)
```
#a24557
```
#a24557 rgb(162,69,87)
```

Complementary Color

#45a262
```
#45a262 rgb(69,162,98)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#4586a2
```
#4586a2 rgb(69,134,162)
```

Analogous Color

#a26245
```
#a26245 rgb(162,98,69)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#a24586
```
#a24586 rgb(162,69,134)
```

Split Complementary Color

#a29045
```
#a29045 rgb(162,144,69)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#9045a2
```
#9045a2 rgb(144,69,162)
```

Triadic Color

#57a245
```
#57a245 rgb(87,162,69)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#9045a2
```
#9045a2 rgb(144,69,162)
```
#a24557
```
#a24557 rgb(162,69,87)
```

Tetradic Color

#2e6c60
```
#2e6c60 rgb(46,108,96)
```
#367e70
```
#367e70 rgb(54,126,112)
```
#3d9080
```
#3d9080 rgb(61,144,128)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#4db3a0
```
#4db3a0 rgb(77,179,160)
```
#5fbba9
```
#5fbba9 rgb(95,187,169)
```
#71c3b3
```
#71c3b3 rgb(113,195,179)
```

Monochromatic Color

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

#45a279
```
#45a279 rgb(69,162,121)
```
#45a281
```
#45a281 rgb(69,162,129)
```
#45a288
```
#45a288 rgb(69,162,136)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#45a298
```
#45a298 rgb(69,162,152)
```
#45a2a0
```
#45a2a0 rgb(69,162,160)
```
#459da2
```
#459da2 rgb(69,157,162)
```

Similar Colors

Text with hexadecimal color #45a290

This text has a font color of #45a290.

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

#45a290 background color

This paragraph has a background color of #45a290.

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

#45a290 border color

This element has a border color of #45a290.

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

CSS codes

.text {color:#45a290;}

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

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

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

#050b09
```
#050b09 rgb(5,11,9)
```
#0a1816
```
#0a1816 rgb(10,24,22)
```
#102622
```
#102622 rgb(16,38,34)
```
#16342e
```
#16342e rgb(22,52,46)
```
#1c423a
```
#1c423a rgb(28,66,58)
```
#224f47
```
#224f47 rgb(34,79,71)
```
#285d53
```
#285d53 rgb(40,93,83)
```
#2e6b5f
```
#2e6b5f rgb(46,107,95)
```
#33796b
```
#33796b rgb(51,121,107)
```
#398678
```
#398678 rgb(57,134,120)
```
#3f9484
```
#3f9484 rgb(63,148,132)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#4bb09c
```
#4bb09c rgb(75,176,156)
```

Shade Color Variation

#57b7a5
```
#57b7a5 rgb(87,183,165)
```
#65bdac
```
#65bdac rgb(101,189,172)
```
#72c3b3
```
#72c3b3 rgb(114,195,179)
```
#80c9bb
```
#80c9bb rgb(128,201,187)
```
#8ecfc2
```
#8ecfc2 rgb(142,207,194)
```
#9cd5ca
```
#9cd5ca rgb(156,213,202)
```
#a9dbd1
```
#a9dbd1 rgb(169,219,209)
```
#b7e0d8
```
#b7e0d8 rgb(183,224,216)
```
#c5e6e0
```
#c5e6e0 rgb(197,230,224)
```
#d3ece7
```
#d3ece7 rgb(211,236,231)
```
#e0f2ef
```
#e0f2ef rgb(224,242,239)
```
#eef8f6
```
#eef8f6 rgb(238,248,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#717675
```
#717675 rgb(113,118,117)
```
#697e7a
```
#697e7a rgb(105,126,122)
```
#608780
```
#608780 rgb(96,135,128)
```
#579085
```
#579085 rgb(87,144,133)
```
#4e998b
```
#4e998b rgb(78,153,139)
```
#45a290
```
#45a290 rgb(69,162,144)
```
#3cab95
```
#3cab95 rgb(60,171,149)
```
#33b49b
```
#33b49b rgb(51,180,155)
```
#2abda0
```
#2abda0 rgb(42,189,160)
```
#21c6a6
```
#21c6a6 rgb(33,198,166)
```
#19ceab
```
#19ceab rgb(25,206,171)
```
#10d7b1
```
#10d7b1 rgb(16,215,177)
```
#07e0b6
```
#07e0b6 rgb(7,224,182)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#778a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d978e Protanopia 1% of men
#a4949c Deuteranopia 1% of men
#59a3ae Tritanopia 0.001% of the population

Trichromacy

#7d9b8e Protanomaly 1% of men, 0.01% of women
#819997 Deuteranomaly 6% of men, 0.4% of women
#52a2a3 Tritanomaly 0.01% of the population

#45a290 hex color

#45a290 Color Information

#45a290 Color Conversion

Color Schemes with #45a290

Alternatives to #45a290

#45a290 Preview

Shades and Tints of #45a290

Tones of #45a290

Color Blindness Simulator