#45f5ab hex color

In a RGB color space, hex #45f5ab is composed of 27.1% red, 96.1% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 0% magenta, 30.2% yellow and 3.9% black. It has a hue angle of 154.8 degrees, a saturation of 89.8% and a lightness of 61.6%. #45f5ab color hex could be obtained by blending #8affff with #00eb57. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 27
- G 96
- B 67
RGB color chart
- C 72
- M 0
- Y 30
- K 4
CMYK color chart

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

The hexadecimal color #45f5ab has RGB values of R:69, G:245, B:171 and CMYK values of C:0.72, M:0, Y:0.3, K:0.04. Its decimal value is 4584875.

Hex triplet	45f5ab	`#45f5ab`
RGB Decimal	69, 245, 171	`rgb(69,245,171)`
RGB Percent	27.1, 96.1, 67.1	`rgb(27.1%,96.1%,67.1%)`
CMYK	72, 0, 30, 4
HSL	154.8°, 89.8, 61.6	`hsl(154.8,89.8%,61.6%)`
HSV (or HSB)	154.8°, 71.8, 96.1
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.754, -60.7, 23.167
XYZ	42.454, 69.506, 49.704
xyY	0.263, 0.43, 69.506
CIE-LCH	86.754, 64.971, 159.11
CIE-LUV	86.754, -67.942, 43.456
Hunter-Lab	83.37, -55.002, 23.011
Binary	01000101, 11110101, 10101011

#45f5ab
```
#45f5ab rgb(69,245,171)
```
#f5458f
```
#f5458f rgb(245,69,143)
```

Complementary Color

#45f553
```
#45f553 rgb(69,245,83)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#45e7f5
```
#45e7f5 rgb(69,231,245)
```

Analogous Color

#f55345
```
#f55345 rgb(245,83,69)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#f545e7
```
#f545e7 rgb(245,69,231)
```

Split Complementary Color

#f5ab45
```
#f5ab45 rgb(245,171,69)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#ab45f5
```
#ab45f5 rgb(171,69,245)
```

Triadic Color

#8ff545
```
#8ff545 rgb(143,245,69)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#ab45f5
```
#ab45f5 rgb(171,69,245)
```
#f5458f
```
#f5458f rgb(245,69,143)
```

Tetradic Color

#0ce188
```
#0ce188 rgb(12,225,136)
```
#15f295
```
#15f295 rgb(21,242,149)
```
#2df4a0
```
#2df4a0 rgb(45,244,160)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#5df6b6
```
#5df6b6 rgb(93,246,182)
```
#75f8c1
```
#75f8c1 rgb(117,248,193)
```
#8ef9cc
```
#8ef9cc rgb(142,249,204)
```

Monochromatic Color

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

#45f57f
```
#45f57f rgb(69,245,127)
```
#45f58e
```
#45f58e rgb(69,245,142)
```
#45f59c
```
#45f59c rgb(69,245,156)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#45f5ba
```
#45f5ba rgb(69,245,186)
```
#45f5c8
```
#45f5c8 rgb(69,245,200)
```
#45f5d7
```
#45f5d7 rgb(69,245,215)
```

Similar Colors

Text with hexadecimal color #45f5ab

This text has a font color of #45f5ab.

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

#45f5ab background color

This paragraph has a background color of #45f5ab.

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

#45f5ab border color

This element has a border color of #45f5ab.

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

CSS codes

.text {color:#45f5ab;}

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

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

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, #000000 is the darkest color, while #edfef7 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#01130b
```
#01130b rgb(1,19,11)
```
#022517
```
#022517 rgb(2,37,23)
```
#033822
```
#033822 rgb(3,56,34)
```
#044b2d
```
#044b2d rgb(4,75,45)
```
#055d38
```
#055d38 rgb(5,93,56)
```
#067043
```
#067043 rgb(6,112,67)
```
#07824f
```
#07824f rgb(7,130,79)
```
#08955a
```
#08955a rgb(8,149,90)
```
#09a865
```
#09a865 rgb(9,168,101)
```
#0aba70
```
#0aba70 rgb(10,186,112)
```
#0bcd7b
```
#0bcd7b rgb(11,205,123)
```
#0ce087
```
#0ce087 rgb(12,224,135)
```

Shade Color Variation

#0df292
```
#0df292 rgb(13,242,146)
```
#20f39a
```
#20f39a rgb(32,243,154)
```
#32f4a3
```
#32f4a3 rgb(50,244,163)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#58f6b3
```
#58f6b3 rgb(88,246,179)
```
#6af7bc
```
#6af7bc rgb(106,247,188)
```
#7df8c4
```
#7df8c4 rgb(125,248,196)
```
#8ff9cd
```
#8ff9cd rgb(143,249,205)
```
#a2fad5
```
#a2fad5 rgb(162,250,213)
```
#b5fbdd
```
#b5fbdd rgb(181,251,221)
```
#c7fce6
```
#c7fce6 rgb(199,252,230)
```
#dafdee
```
#dafdee rgb(218,253,238)
```
#edfef7
```
#edfef7 rgb(237,254,247)
```

Tint Color Variation

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

#98a29e
```
#98a29e rgb(152,162,158)
```
#90aa9f
```
#90aa9f rgb(144,170,159)
```
#89b1a0
```
#89b1a0 rgb(137,177,160)
```
#81b9a1
```
#81b9a1 rgb(129,185,161)
```
#7ac0a3
```
#7ac0a3 rgb(122,192,163)
```
#72c8a4
```
#72c8a4 rgb(114,200,164)
```
#6bcfa5
```
#6bcfa5 rgb(107,207,165)
```
#63d7a6
```
#63d7a6 rgb(99,215,166)
```
#5cdea7
```
#5cdea7 rgb(92,222,167)
```
#54e6a9
```
#54e6a9 rgb(84,230,169)
```
#4dedaa
```
#4dedaa rgb(77,237,170)
```
#45f5ab
```
#45f5ab rgb(69,245,171)
```
#3dfdac
```
#3dfdac rgb(61,253,172)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#a1c4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadaa4 Protanopia 1% of men
#fbd3bb Deuteranopia 1% of men
#76ebfc Tritanopia 0.001% of the population

Trichromacy

#aee4a6 Protanomaly 1% of men, 0.01% of women
#b8dfb5 Deuteranomaly 6% of men, 0.4% of women
#64eede Tritanomaly 0.01% of the population

#45f5ab hex color

#45f5ab Color Information

#45f5ab Color Conversion

Color Schemes with #45f5ab

Alternatives to #45f5ab

#45f5ab Preview

Shades and Tints of #45f5ab

Tones of #45f5ab

Color Blindness Simulator