#45f0a9 hex color

In a RGB color space, hex #45f0a9 is composed of 27.1% red, 94.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 29.6% yellow and 5.9% black. It has a hue angle of 155.1 degrees, a saturation of 85.1% and a lightness of 60.6%. #45f0a9 color hex could be obtained by blending #8affff with #00e153. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 94
- B 66
RGB color chart
- C 71
- M 0
- Y 30
- K 6
CMYK color chart

● #45f0a9 color description : Bright cyan - lime green.

The hexadecimal color #45f0a9 has RGB values of R:69, G:240, B:169 and CMYK values of C:0.71, M:0, Y:0.3, K:0.06. Its decimal value is 4583593.

Hex triplet	45f0a9	`#45f0a9`
RGB Decimal	69, 240, 169	`rgb(69,240,169)`
RGB Percent	27.1, 94.1, 66.3	`rgb(27.1%,94.1%,66.3%)`
CMYK	71, 0, 30, 6
HSL	155.1°, 85.1, 60.6	`hsl(155.1,85.1%,60.6%)`
HSV (or HSB)	155.1°, 71.3, 94.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.223, -59.216, 22.086
XYZ	40.773, 66.446, 48.21
xyY	0.262, 0.428, 66.446
CIE-LCH	85.223, 63.201, 159.546
CIE-LUV	85.223, -66.333, 41.61
Hunter-Lab	81.514, -53.367, 21.994
Binary	01000101, 11110000, 10101001

#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#f0458c
```
#f0458c rgb(240,69,140)
```

Complementary Color

#45f053
```
#45f053 rgb(69,240,83)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#45e2f0
```
#45e2f0 rgb(69,226,240)
```

Analogous Color

#f05445
```
#f05445 rgb(240,84,69)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#f045e2
```
#f045e2 rgb(240,69,226)
```

Split Complementary Color

#f0a945
```
#f0a945 rgb(240,169,69)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#a945f0
```
#a945f0 rgb(169,69,240)
```

Triadic Color

#8cf045
```
#8cf045 rgb(140,240,69)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#a945f0
```
#a945f0 rgb(169,69,240)
```
#f0458c
```
#f0458c rgb(240,69,140)
```

Tetradic Color

#11d785
```
#11d785 rgb(17,215,133)
```
#16ec93
```
#16ec93 rgb(22,236,147)
```
#2dee9e
```
#2dee9e rgb(45,238,158)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#5df2b4
```
#5df2b4 rgb(93,242,180)
```
#74f4bf
```
#74f4bf rgb(116,244,191)
```
#8cf6ca
```
#8cf6ca rgb(140,246,202)
```

Monochromatic Color

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

#45f07e
```
#45f07e rgb(69,240,126)
```
#45f08d
```
#45f08d rgb(69,240,141)
```
#45f09b
```
#45f09b rgb(69,240,155)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#45f0b7
```
#45f0b7 rgb(69,240,183)
```
#45f0c6
```
#45f0c6 rgb(69,240,198)
```
#45f0d4
```
#45f0d4 rgb(69,240,212)
```

Similar Colors

Text with hexadecimal color #45f0a9

This text has a font color of #45f0a9.

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

#45f0a9 background color

This paragraph has a background color of #45f0a9.

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

#45f0a9 border color

This element has a border color of #45f0a9.

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

CSS codes

.text {color:#45f0a9;}

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

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

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, #010e08 is the darkest color, while #fbfffd is the lightest one.

#010e08
```
#010e08 rgb(1,14,8)
```
#032014
```
#032014 rgb(3,32,20)
```
#04321f
```
#04321f rgb(4,50,31)
```
#05442a
```
#05442a rgb(5,68,42)
```
#075635
```
#075635 rgb(7,86,53)
```
#086841
```
#086841 rgb(8,104,65)
```
#0a7b4c
```
#0a7b4c rgb(10,123,76)
```
#0b8d57
```
#0b8d57 rgb(11,141,87)
```
#0d9f62
```
#0d9f62 rgb(13,159,98)
```
#0eb16d
```
#0eb16d rgb(14,177,109)
```
#10c379
```
#10c379 rgb(16,195,121)
```
#11d584
```
#11d584 rgb(17,213,132)
```
#13e78f
```
#13e78f rgb(19,231,143)
```

Shade Color Variation

#21ed98
```
#21ed98 rgb(33,237,152)
```
#33efa1
```
#33efa1 rgb(51,239,161)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#57f1b1
```
#57f1b1 rgb(87,241,177)
```
#69f3ba
```
#69f3ba rgb(105,243,186)
```
#7bf4c2
```
#7bf4c2 rgb(123,244,194)
```
#8ef6cb
```
#8ef6cb rgb(142,246,203)
```
#a0f7d3
```
#a0f7d3 rgb(160,247,211)
```
#b2f9db
```
#b2f9db rgb(178,249,219)
```
#c4fae4
```
#c4fae4 rgb(196,250,228)
```
#d6fcec
```
#d6fcec rgb(214,252,236)
```
#e8fdf5
```
#e8fdf5 rgb(232,253,245)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9b9b is the less saturated color, while #3df8aa is the most saturated one.

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#92a39c
```
#92a39c rgb(146,163,156)
```
#8baa9d
```
#8baa9d rgb(139,170,157)
```
#83b29f
```
#83b29f rgb(131,178,159)
```
#7bbaa0
```
#7bbaa0 rgb(123,186,160)
```
#73c2a1
```
#73c2a1 rgb(115,194,161)
```
#6cc9a2
```
#6cc9a2 rgb(108,201,162)
```
#64d1a4
```
#64d1a4 rgb(100,209,164)
```
#5cd9a5
```
#5cd9a5 rgb(92,217,165)
```
#54e1a6
```
#54e1a6 rgb(84,225,166)
```
#4de8a8
```
#4de8a8 rgb(77,232,168)
```
#45f0a9
```
#45f0a9 rgb(69,240,169)
```
#3df8aa
```
#3df8aa rgb(61,248,170)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9fc1b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d6a2 Protanopia 1% of men
#f5cfb8 Deuteranopia 1% of men
#74e7f7 Tritanopia 0.001% of the population

Trichromacy

#abdfa4 Protanomaly 1% of men, 0.01% of women
#b5dbb3 Deuteranomaly 6% of men, 0.4% of women
#63eadb Tritanomaly 0.01% of the population

#45f0a9 hex color

#45f0a9 Color Information

#45f0a9 Color Conversion

Color Schemes with #45f0a9

Alternatives to #45f0a9

#45f0a9 Preview

Shades and Tints of #45f0a9

Tones of #45f0a9

Color Blindness Simulator