#45f4b1 hex color

In a RGB color space, hex #45f4b1 is composed of 27.1% red, 95.7% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 0% magenta, 27.5% yellow and 4.3% black. It has a hue angle of 157 degrees, a saturation of 88.8% and a lightness of 61.4%. #45f4b1 color hex could be obtained by blending #8affff with #00e963. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #45f4b1 has RGB values of R:69, G:244, B:177 and CMYK values of C:0.72, M:0, Y:0.27, K:0.04. Its decimal value is 4584625.

Hex triplet	45f4b1	`#45f4b1`
RGB Decimal	69, 244, 177	`rgb(69,244,177)`
RGB Percent	27.1, 95.7, 69.4	`rgb(27.1%,95.7%,69.4%)`
CMYK	72, 0, 27, 4
HSL	157°, 88.8, 61.4	`hsl(157,88.8%,61.4%)`
HSV (or HSB)	157°, 71.7, 95.7
Web Safe	33ff99	`#33ff99`

CIE-LAB	86.572, -59.066, 19.834
XYZ	42.737, 69.137, 52.685
xyY	0.26, 0.42, 69.137
CIE-LCH	86.572, 62.307, 161.438
CIE-LUV	86.572, -67.23, 38.644
Hunter-Lab	83.149, -53.763, 20.636
Binary	01000101, 11110100, 10110001

#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#f44588
```
#f44588 rgb(244,69,136)
```

Complementary Color

#45f45a
```
#45f45a rgb(69,244,90)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#45e0f4
```
#45e0f4 rgb(69,224,244)
```

Analogous Color

#f45a45
```
#f45a45 rgb(244,90,69)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#f445e0
```
#f445e0 rgb(244,69,224)
```

Split Complementary Color

#f4b145
```
#f4b145 rgb(244,177,69)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#b145f4
```
#b145f4 rgb(177,69,244)
```

Triadic Color

#88f445
```
#88f445 rgb(136,244,69)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#b145f4
```
#b145f4 rgb(177,69,244)
```
#f44588
```
#f44588 rgb(244,69,136)
```

Tetradic Color

#0ddf8f
```
#0ddf8f rgb(13,223,143)
```
#15f19d
```
#15f19d rgb(21,241,157)
```
#2df3a7
```
#2df3a7 rgb(45,243,167)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#5df5bb
```
#5df5bb rgb(93,245,187)
```
#75f7c5
```
#75f7c5 rgb(117,247,197)
```
#8df8cf
```
#8df8cf rgb(141,248,207)
```

Monochromatic Color

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

#45f485
```
#45f485 rgb(69,244,133)
```
#45f494
```
#45f494 rgb(69,244,148)
```
#45f4a2
```
#45f4a2 rgb(69,244,162)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#45f4c0
```
#45f4c0 rgb(69,244,192)
```
#45f4ce
```
#45f4ce rgb(69,244,206)
```
#45f4dd
```
#45f4dd rgb(69,244,221)
```

Similar Colors

Text with hexadecimal color #45f4b1

This text has a font color of #45f4b1.

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

#45f4b1 background color

This paragraph has a background color of #45f4b1.

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

#45f4b1 border color

This element has a border color of #45f4b1.

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

CSS codes

.text {color:#45f4b1;}

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

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

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, #01120b is the darkest color, while #feffff is the lightest one.

#01120b
```
#01120b rgb(1,18,11)
```
#022417
```
#022417 rgb(2,36,23)
```
#033723
```
#033723 rgb(3,55,35)
```
#04492f
```
#04492f rgb(4,73,47)
```
#055c3b
```
#055c3b rgb(5,92,59)
```
#076e47
```
#076e47 rgb(7,110,71)
```
#088152
```
#088152 rgb(8,129,82)
```
#09935e
```
#09935e rgb(9,147,94)
```
#0aa66a
```
#0aa66a rgb(10,166,106)
```
#0bb876
```
#0bb876 rgb(11,184,118)
```
#0ccb82
```
#0ccb82 rgb(12,203,130)
```
#0ddd8e
```
#0ddd8e rgb(13,221,142)
```
#0ef09a
```
#0ef09a rgb(14,240,154)
```

Shade Color Variation

#20f2a1
```
#20f2a1 rgb(32,242,161)
```
#32f3a9
```
#32f3a9 rgb(50,243,169)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#58f5b9
```
#58f5b9 rgb(88,245,185)
```
#6af6c1
```
#6af6c1 rgb(106,246,193)
```
#7df7c8
```
#7df7c8 rgb(125,247,200)
```
#8ff8d0
```
#8ff8d0 rgb(143,248,208)
```
#a2f9d8
```
#a2f9d8 rgb(162,249,216)
```
#b4fbe0
```
#b4fbe0 rgb(180,251,224)
```
#c7fce7
```
#c7fce7 rgb(199,252,231)
```
#d9fdef
```
#d9fdef rgb(217,253,239)
```
#ecfef7
```
#ecfef7 rgb(236,254,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#98a19d
```
#98a19d rgb(152,161,157)
```
#91a89f
```
#91a89f rgb(145,168,159)
```
#89b0a1
```
#89b0a1 rgb(137,176,161)
```
#82b7a3
```
#82b7a3 rgb(130,183,163)
```
#7abfa5
```
#7abfa5 rgb(122,191,165)
```
#72c7a6
```
#72c7a6 rgb(114,199,166)
```
#6bcea8
```
#6bcea8 rgb(107,206,168)
```
#63d6aa
```
#63d6aa rgb(99,214,170)
```
#5cddac
```
#5cddac rgb(92,221,172)
```
#54e5ad
```
#54e5ad rgb(84,229,173)
```
#4decaf
```
#4decaf rgb(77,236,175)
```
#45f4b1
```
#45f4b1 rgb(69,244,177)
```
#3dfcb3
```
#3dfcb3 rgb(61,252,179)
```

Tone Color Variation

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

Dichromacy

#e9daa9 Protanopia 1% of men
#f8d3c0 Deuteranopia 1% of men
#74ebfc Tritanopia 0.001% of the population

Trichromacy

#ade3ac Protanomaly 1% of men, 0.01% of women
#b7dfba Deuteranomaly 6% of men, 0.4% of women
#63eee0 Tritanomaly 0.01% of the population

#45f4b1 hex color

#45f4b1 Color Information

#45f4b1 Color Conversion

Color Schemes with #45f4b1

Alternatives to #45f4b1

#45f4b1 Preview

Shades and Tints of #45f4b1

Tones of #45f4b1

Color Blindness Simulator