#45f1bf hex color

In a RGB color space, hex #45f1bf is composed of 27.1% red, 94.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 0% magenta, 20.7% yellow and 5.5% black. It has a hue angle of 162.6 degrees, a saturation of 86% and a lightness of 60.8%. #45f1bf color hex could be obtained by blending #8affff with #00e37f. Closest websafe color is: #33ffcc.

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

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

The hexadecimal color #45f1bf has RGB values of R:69, G:241, B:191 and CMYK values of C:0.71, M:0, Y:0.21, K:0.05. Its decimal value is 4583871.

Hex triplet	45f1bf	`#45f1bf`
RGB Decimal	69, 241, 191	`rgb(69,241,191)`
RGB Percent	27.1, 94.5, 74.9	`rgb(27.1%,94.5%,74.9%)`
CMYK	71, 0, 21, 5
HSL	162.6°, 86, 60.8	`hsl(162.6,86%,60.8%)`
HSV (or HSB)	162.6°, 71.4, 94.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.973, -54.782, 11.74
XYZ	43.31, 67.933, 60.117
xyY	0.253, 0.396, 67.933
CIE-LCH	85.973, 56.026, 167.904
CIE-LUV	85.973, -65.304, 26.457
Hunter-Lab	82.422, -50.442, 14.45
Binary	01000101, 11110001, 10111111

#45f1bf
```
#45f1bf rgb(69,241,191)
```
#f14577
```
#f14577 rgb(241,69,119)
```

Complementary Color

#45f169
```
#45f169 rgb(69,241,105)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#45cdf1
```
#45cdf1 rgb(69,205,241)
```

Analogous Color

#f16945
```
#f16945 rgb(241,105,69)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#f145cd
```
#f145cd rgb(241,69,205)
```

Split Complementary Color

#f1bf45
```
#f1bf45 rgb(241,191,69)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#bf45f1
```
#bf45f1 rgb(191,69,241)
```

Triadic Color

#77f145
```
#77f145 rgb(119,241,69)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#bf45f1
```
#bf45f1 rgb(191,69,241)
```
#f14577
```
#f14577 rgb(241,69,119)
```

Tetradic Color

#10d99f
```
#10d99f rgb(16,217,159)
```
#16edaf
```
#16edaf rgb(22,237,175)
```
#2defb7
```
#2defb7 rgb(45,239,183)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#5df3c7
```
#5df3c7 rgb(93,243,199)
```
#74f5cf
```
#74f5cf rgb(116,245,207)
```
#8cf6d7
```
#8cf6d7 rgb(140,246,215)
```

Monochromatic Color

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

#45f194
```
#45f194 rgb(69,241,148)
```
#45f1a2
```
#45f1a2 rgb(69,241,162)
```
#45f1b1
```
#45f1b1 rgb(69,241,177)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#45f1cd
```
#45f1cd rgb(69,241,205)
```
#45f1dc
```
#45f1dc rgb(69,241,220)
```
#45f1ea
```
#45f1ea rgb(69,241,234)
```

Similar Colors

Text with hexadecimal color #45f1bf

This text has a font color of #45f1bf.

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

#45f1bf background color

This paragraph has a background color of #45f1bf.

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

#45f1bf border color

This element has a border color of #45f1bf.

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

CSS codes

.text {color:#45f1bf;}

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

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

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

#010f0b
```
#010f0b rgb(1,15,11)
```
#022118
```
#022118 rgb(2,33,24)
```
#043325
```
#043325 rgb(4,51,37)
```
#054533
```
#054533 rgb(5,69,51)
```
#075840
```
#075840 rgb(7,88,64)
```
#086a4d
```
#086a4d rgb(8,106,77)
```
#097c5b
```
#097c5b rgb(9,124,91)
```
#0b8e68
```
#0b8e68 rgb(11,142,104)
```
#0ca175
```
#0ca175 rgb(12,161,117)
```
#0db383
```
#0db383 rgb(13,179,131)
```
#0fc590
```
#0fc590 rgb(15,197,144)
```
#10d79d
```
#10d79d rgb(16,215,157)
```
#12eaab
```
#12eaab rgb(18,234,171)
```

Shade Color Variation

#21eeb2
```
#21eeb2 rgb(33,238,178)
```
#33f0b9
```
#33f0b9 rgb(51,240,185)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#57f2c5
```
#57f2c5 rgb(87,242,197)
```
#69f4cc
```
#69f4cc rgb(105,244,204)
```
#7cf5d2
```
#7cf5d2 rgb(124,245,210)
```
#8ef6d8
```
#8ef6d8 rgb(142,246,216)
```
#a0f8de
```
#a0f8de rgb(160,248,222)
```
#b2f9e5
```
#b2f9e5 rgb(178,249,229)
```
#c5fbeb
```
#c5fbeb rgb(197,251,235)
```
#d7fcf1
```
#d7fcf1 rgb(215,252,241)
```
#e9fdf7
```
#e9fdf7 rgb(233,253,247)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#9a9c9c
```
#9a9c9c rgb(154,156,156)
```
#92a49f
```
#92a49f rgb(146,164,159)
```
#8aaca2
```
#8aaca2 rgb(138,172,162)
```
#83b3a5
```
#83b3a5 rgb(131,179,165)
```
#7bbba8
```
#7bbba8 rgb(123,187,168)
```
#73c3ac
```
#73c3ac rgb(115,195,172)
```
#6bcbaf
```
#6bcbaf rgb(107,203,175)
```
#64d2b2
```
#64d2b2 rgb(100,210,178)
```
#5cdab5
```
#5cdab5 rgb(92,218,181)
```
#54e2b9
```
#54e2b9 rgb(84,226,185)
```
#4de9bc
```
#4de9bc rgb(77,233,188)
```
#45f1bf
```
#45f1bf rgb(69,241,191)
```
#3df9c2
```
#3df9c2 rgb(61,249,194)
```

Tone Color Variation

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

Dichromacy

#e4d8b6 Protanopia 1% of men
#f1d2cd Deuteranopia 1% of men
#6fe9fa Tritanopia 0.001% of the population

Trichromacy

#aae1b9 Protanomaly 1% of men, 0.01% of women
#b2ddc8 Deuteranomaly 6% of men, 0.4% of women
#5fece5 Tritanomaly 0.01% of the population

#45f1bf hex color

#45f1bf Color Information

#45f1bf Color Conversion

Color Schemes with #45f1bf

Alternatives to #45f1bf

#45f1bf Preview

Shades and Tints of #45f1bf

Tones of #45f1bf

Color Blindness Simulator