#45f2aa hex color

In a RGB color space, hex #45f2aa is composed of 27.1% red, 94.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 0% magenta, 29.8% yellow and 5.1% black. It has a hue angle of 155 degrees, a saturation of 86.9% and a lightness of 61%. #45f2aa color hex could be obtained by blending #8affff with #00e555. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 95
- B 67
RGB color chart
- C 71
- M 0
- Y 30
- K 5
CMYK color chart

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

The hexadecimal color #45f2aa has RGB values of R:69, G:242, B:170 and CMYK values of C:0.71, M:0, Y:0.3, K:0.05. Its decimal value is 4584106.

Hex triplet	45f2aa	`#45f2aa`
RGB Decimal	69, 242, 170	`rgb(69,242,170)`
RGB Percent	27.1, 94.9, 66.7	`rgb(27.1%,94.9%,66.7%)`
CMYK	71, 0, 30, 5
HSL	155°, 86.9, 61	`hsl(155,86.9%,61%)`
HSV (or HSB)	155°, 71.5, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.84, -59.77, 22.422
XYZ	41.459, 67.668, 48.904
xyY	0.262, 0.428, 67.668
CIE-LCH	85.84, 63.837, 159.437
CIE-LUV	85.84, -66.966, 42.212
Hunter-Lab	82.26, -53.993, 22.334
Binary	01000101, 11110010, 10101010

#45f2aa
```
#45f2aa rgb(69,242,170)
```
#f2458d
```
#f2458d rgb(242,69,141)
```

Complementary Color

#45f254
```
#45f254 rgb(69,242,84)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#45e4f2
```
#45e4f2 rgb(69,228,242)
```

Analogous Color

#f25445
```
#f25445 rgb(242,84,69)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#f245e4
```
#f245e4 rgb(242,69,228)
```

Split Complementary Color

#f2aa45
```
#f2aa45 rgb(242,170,69)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#aa45f2
```
#aa45f2 rgb(170,69,242)
```

Triadic Color

#8df245
```
#8df245 rgb(141,242,69)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#aa45f2
```
#aa45f2 rgb(170,69,242)
```
#f2458d
```
#f2458d rgb(242,69,141)
```

Tetradic Color

#0fdb86
```
#0fdb86 rgb(15,219,134)
```
#15ef94
```
#15ef94 rgb(21,239,148)
```
#2df09f
```
#2df09f rgb(45,240,159)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#5df4b5
```
#5df4b5 rgb(93,244,181)
```
#75f5c0
```
#75f5c0 rgb(117,245,192)
```
#8df7cb
```
#8df7cb rgb(141,247,203)
```

Monochromatic Color

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

#45f27f
```
#45f27f rgb(69,242,127)
```
#45f28d
```
#45f28d rgb(69,242,141)
```
#45f29c
```
#45f29c rgb(69,242,156)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#45f2b8
```
#45f2b8 rgb(69,242,184)
```
#45f2c7
```
#45f2c7 rgb(69,242,199)
```
#45f2d5
```
#45f2d5 rgb(69,242,213)
```

Similar Colors

Text with hexadecimal color #45f2aa

This text has a font color of #45f2aa.

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

#45f2aa background color

This paragraph has a background color of #45f2aa.

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

#45f2aa border color

This element has a border color of #45f2aa.

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

CSS codes

.text {color:#45f2aa;}

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

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

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, #01100a is the darkest color, while #fcfffe is the lightest one.

#01100a
```
#01100a rgb(1,16,10)
```
#022215
```
#022215 rgb(2,34,21)
```
#043420
```
#043420 rgb(4,52,32)
```
#05472b
```
#05472b rgb(5,71,43)
```
#065937
```
#065937 rgb(6,89,55)
```
#086b42
```
#086b42 rgb(8,107,66)
```
#097e4d
```
#097e4d rgb(9,126,77)
```
#0a9058
```
#0a9058 rgb(10,144,88)
```
#0ba264
```
#0ba264 rgb(11,162,100)
```
#0db56f
```
#0db56f rgb(13,181,111)
```
#0ec77a
```
#0ec77a rgb(14,199,122)
```
#0fd985
```
#0fd985 rgb(15,217,133)
```
#10ec90
```
#10ec90 rgb(16,236,144)
```

Shade Color Variation

#20ef99
```
#20ef99 rgb(32,239,153)
```
#33f1a2
```
#33f1a2 rgb(51,241,162)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#57f3b2
```
#57f3b2 rgb(87,243,178)
```
#6af5bb
```
#6af5bb rgb(106,245,187)
```
#7cf6c3
```
#7cf6c3 rgb(124,246,195)
```
#8ef7cc
```
#8ef7cc rgb(142,247,204)
```
#a1f8d4
```
#a1f8d4 rgb(161,248,212)
```
#b3fadc
```
#b3fadc rgb(179,250,220)
```
#c5fbe5
```
#c5fbe5 rgb(197,251,229)
```
#d8fced
```
#d8fced rgb(216,252,237)
```
#eafef5
```
#eafef5 rgb(234,254,245)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

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

#999e9c
```
#999e9c rgb(153,158,156)
```
#92a59d
```
#92a59d rgb(146,165,157)
```
#8aad9e
```
#8aad9e rgb(138,173,158)
```
#82b5a0
```
#82b5a0 rgb(130,181,160)
```
#7bbca1
```
#7bbca1 rgb(123,188,161)
```
#73c4a2
```
#73c4a2 rgb(115,196,162)
```
#6bcca4
```
#6bcca4 rgb(107,204,164)
```
#64d3a5
```
#64d3a5 rgb(100,211,165)
```
#5cdba6
```
#5cdba6 rgb(92,219,166)
```
#54e3a7
```
#54e3a7 rgb(84,227,167)
```
#4deaa9
```
#4deaa9 rgb(77,234,169)
```
#45f2aa
```
#45f2aa rgb(69,242,170)
```
#3dfaab
```
#3dfaab rgb(61,250,171)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9fc2b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d8a3 Protanopia 1% of men
#f7d1ba Deuteranopia 1% of men
#75e8f9 Tritanopia 0.001% of the population

Trichromacy

#ace1a5 Protanomaly 1% of men, 0.01% of women
#b6ddb4 Deuteranomaly 6% of men, 0.4% of women
#63ecdc Tritanomaly 0.01% of the population

#45f2aa hex color

#45f2aa Color Information

#45f2aa Color Conversion

Color Schemes with #45f2aa

Alternatives to #45f2aa

#45f2aa Preview

Shades and Tints of #45f2aa

Tones of #45f2aa

Color Blindness Simulator