#45a292 hex color

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

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

● #45a292 color description : Dark moderate cyan.

The hexadecimal color #45a292 has RGB values of R:69, G:162, B:146 and CMYK values of C:0.57, M:0, Y:0.1, K:0.36. Its decimal value is 4563602.

Hex triplet	45a292	`#45a292`
RGB Decimal	69, 162, 146	`rgb(69,162,146)`
RGB Percent	27.1, 63.5, 57.3	`rgb(27.1%,63.5%,57.3%)`
CMYK	57, 0, 10, 36
HSL	169.7°, 40.3, 45.3	`hsl(169.7,40.3%,45.3%)`
HSV (or HSB)	169.7°, 57.4, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.94, -31.486, 0.042
XYZ	20.561, 29.18, 31.741
xyY	0.252, 0.358, 29.18
CIE-LCH	60.94, 31.486, 179.923
CIE-LUV	60.94, -39.012, 4.87
Hunter-Lab	54.018, -26.588, 2.974
Binary	01000101, 10100010, 10010010

#45a292
```
#45a292 rgb(69,162,146)
```
#a24555
```
#a24555 rgb(162,69,85)
```

Complementary Color

#45a264
```
#45a264 rgb(69,162,100)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#4584a2
```
#4584a2 rgb(69,132,162)
```

Analogous Color

#a26445
```
#a26445 rgb(162,100,69)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#a24584
```
#a24584 rgb(162,69,132)
```

Split Complementary Color

#a29245
```
#a29245 rgb(162,146,69)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#9245a2
```
#9245a2 rgb(146,69,162)
```

Triadic Color

#55a245
```
#55a245 rgb(85,162,69)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#9245a2
```
#9245a2 rgb(146,69,162)
```
#a24555
```
#a24555 rgb(162,69,85)
```

Tetradic Color

#2e6c62
```
#2e6c62 rgb(46,108,98)
```
#367e72
```
#367e72 rgb(54,126,114)
```
#3d9082
```
#3d9082 rgb(61,144,130)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#4db3a2
```
#4db3a2 rgb(77,179,162)
```
#5fbbab
```
#5fbbab rgb(95,187,171)
```
#71c3b4
```
#71c3b4 rgb(113,195,180)
```

Monochromatic Color

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

#45a27b
```
#45a27b rgb(69,162,123)
```
#45a283
```
#45a283 rgb(69,162,131)
```
#45a28a
```
#45a28a rgb(69,162,138)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#45a29a
```
#45a29a rgb(69,162,154)
```
#45a2a2
```
#45a2a2 rgb(69,162,162)
```
#459ba2
```
#459ba2 rgb(69,155,162)
```

Similar Colors

Text with hexadecimal color #45a292

This text has a font color of #45a292.

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

#45a292 background color

This paragraph has a background color of #45a292.

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

#45a292 border color

This element has a border color of #45a292.

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

CSS codes

.text {color:#45a292;}

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

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

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

#050b0a
```
#050b0a rgb(5,11,10)
```
#0a1816
```
#0a1816 rgb(10,24,22)
```
#102622
```
#102622 rgb(16,38,34)
```
#16342f
```
#16342f rgb(22,52,47)
```
#1c423b
```
#1c423b rgb(28,66,59)
```
#224f48
```
#224f48 rgb(34,79,72)
```
#285d54
```
#285d54 rgb(40,93,84)
```
#2e6b60
```
#2e6b60 rgb(46,107,96)
```
#33796d
```
#33796d rgb(51,121,109)
```
#398679
```
#398679 rgb(57,134,121)
```
#3f9486
```
#3f9486 rgb(63,148,134)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#4bb09e
```
#4bb09e rgb(75,176,158)
```

Shade Color Variation

#57b7a7
```
#57b7a7 rgb(87,183,167)
```
#65bdae
```
#65bdae rgb(101,189,174)
```
#72c3b5
```
#72c3b5 rgb(114,195,181)
```
#80c9bc
```
#80c9bc rgb(128,201,188)
```
#8ecfc4
```
#8ecfc4 rgb(142,207,196)
```
#9cd5cb
```
#9cd5cb rgb(156,213,203)
```
#a9dbd2
```
#a9dbd2 rgb(169,219,210)
```
#b7e0d9
```
#b7e0d9 rgb(183,224,217)
```
#c5e6e1
```
#c5e6e1 rgb(197,230,225)
```
#d3ece8
```
#d3ece8 rgb(211,236,232)
```
#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 #07e0bb is the most saturated one.

#717675
```
#717675 rgb(113,118,117)
```
#697e7b
```
#697e7b rgb(105,126,123)
```
#608781
```
#608781 rgb(96,135,129)
```
#579086
```
#579086 rgb(87,144,134)
```
#4e998c
```
#4e998c rgb(78,153,140)
```
#45a292
```
#45a292 rgb(69,162,146)
```
#3cab98
```
#3cab98 rgb(60,171,152)
```
#33b49e
```
#33b49e rgb(51,180,158)
```
#2abda3
```
#2abda3 rgb(42,189,163)
```
#21c6a9
```
#21c6a9 rgb(33,198,169)
```
#19ceaf
```
#19ceaf rgb(25,206,175)
```
#10d7b5
```
#10d7b5 rgb(16,215,181)
```
#07e0bb
```
#07e0bb rgb(7,224,187)
```

Tone Color Variation

Below, you can see how #45a292 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
#778a87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9890 Protanopia 1% of men
#a4949e Deuteranopia 1% of men
#59a3af Tritanopia 0.001% of the population

Trichromacy

#7d9b90 Protanomaly 1% of men, 0.01% of women
#819999 Deuteranomaly 6% of men, 0.4% of women
#51a2a4 Tritanomaly 0.01% of the population

#45a292 hex color

#45a292 Color Information

#45a292 Color Conversion

Color Schemes with #45a292

Alternatives to #45a292

#45a292 Preview

Shades and Tints of #45a292

Tones of #45a292

Color Blindness Simulator