#45f4bf hex color

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

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

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

The hexadecimal color #45f4bf has RGB values of R:69, G:244, B:191 and CMYK values of C:0.72, M:0, Y:0.22, K:0.04. Its decimal value is 4584639.

Hex triplet	45f4bf	`#45f4bf`
RGB Decimal	69, 244, 191	`rgb(69,244,191)`
RGB Percent	27.1, 95.7, 74.9	`rgb(27.1%,95.7%,74.9%)`
CMYK	72, 0, 22, 4
HSL	161.8°, 88.8, 61.4	`hsl(161.8,88.8%,61.4%)`
HSV (or HSB)	161.8°, 71.7, 95.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.861, -55.978, 13.001
XYZ	44.205, 69.724, 60.416
xyY	0.254, 0.4, 69.724
CIE-LCH	86.861, 57.467, 166.925
CIE-LUV	86.861, -66.345, 28.524
Hunter-Lab	83.501, -51.629, 15.552
Binary	01000101, 11110100, 10111111

#45f4bf
```
#45f4bf rgb(69,244,191)
```
#f4457a
```
#f4457a rgb(244,69,122)
```

Complementary Color

#45f468
```
#45f468 rgb(69,244,104)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#45d2f4
```
#45d2f4 rgb(69,210,244)
```

Analogous Color

#f46845
```
#f46845 rgb(244,104,69)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#f445d2
```
#f445d2 rgb(244,69,210)
```

Split Complementary Color

#f4bf45
```
#f4bf45 rgb(244,191,69)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#bf45f4
```
#bf45f4 rgb(191,69,244)
```

Triadic Color

#7af445
```
#7af445 rgb(122,244,69)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#bf45f4
```
#bf45f4 rgb(191,69,244)
```
#f4457a
```
#f4457a rgb(244,69,122)
```

Tetradic Color

#0ddfa0
```
#0ddfa0 rgb(13,223,160)
```
#15f1ae
```
#15f1ae rgb(21,241,174)
```
#2df3b7
```
#2df3b7 rgb(45,243,183)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#5df5c7
```
#5df5c7 rgb(93,245,199)
```
#75f7d0
```
#75f7d0 rgb(117,247,208)
```
#8df8d8
```
#8df8d8 rgb(141,248,216)
```

Monochromatic Color

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

#45f493
```
#45f493 rgb(69,244,147)
```
#45f4a2
```
#45f4a2 rgb(69,244,162)
```
#45f4b0
```
#45f4b0 rgb(69,244,176)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#45f4ce
```
#45f4ce rgb(69,244,206)
```
#45f4dc
```
#45f4dc rgb(69,244,220)
```
#45f4eb
```
#45f4eb rgb(69,244,235)
```

Similar Colors

Text with hexadecimal color #45f4bf

This text has a font color of #45f4bf.

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

#45f4bf background color

This paragraph has a background color of #45f4bf.

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

#45f4bf border color

This element has a border color of #45f4bf.

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

CSS codes

.text {color:#45f4bf;}

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

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

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

#01120d
```
#01120d rgb(1,18,13)
```
#02241a
```
#02241a rgb(2,36,26)
```
#033727
```
#033727 rgb(3,55,39)
```
#044934
```
#044934 rgb(4,73,52)
```
#055c42
```
#055c42 rgb(5,92,66)
```
#076e4f
```
#076e4f rgb(7,110,79)
```
#08815c
```
#08815c rgb(8,129,92)
```
#099369
```
#099369 rgb(9,147,105)
```
#0aa677
```
#0aa677 rgb(10,166,119)
```
#0bb884
```
#0bb884 rgb(11,184,132)
```
#0ccb91
```
#0ccb91 rgb(12,203,145)
```
#0ddd9e
```
#0ddd9e rgb(13,221,158)
```
#0ef0ac
```
#0ef0ac rgb(14,240,172)
```

Shade Color Variation

#20f2b2
```
#20f2b2 rgb(32,242,178)
```
#32f3b9
```
#32f3b9 rgb(50,243,185)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#58f5c5
```
#58f5c5 rgb(88,245,197)
```
#6af6cc
```
#6af6cc rgb(106,246,204)
```
#7df7d2
```
#7df7d2 rgb(125,247,210)
```
#8ff8d8
```
#8ff8d8 rgb(143,248,216)
```
#a2f9df
```
#a2f9df rgb(162,249,223)
```
#b4fbe5
```
#b4fbe5 rgb(180,251,229)
```
#c7fcec
```
#c7fcec rgb(199,252,236)
```
#d9fdf2
```
#d9fdf2 rgb(217,253,242)
```
#ecfef8
```
#ecfef8 rgb(236,254,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#98a19e
```
#98a19e rgb(152,161,158)
```
#91a8a1
```
#91a8a1 rgb(145,168,161)
```
#89b0a4
```
#89b0a4 rgb(137,176,164)
```
#82b7a7
```
#82b7a7 rgb(130,183,167)
```
#7abfaa
```
#7abfaa rgb(122,191,170)
```
#72c7ad
```
#72c7ad rgb(114,199,173)
```
#6bceb0
```
#6bceb0 rgb(107,206,176)
```
#63d6b3
```
#63d6b3 rgb(99,214,179)
```
#5cddb6
```
#5cddb6 rgb(92,221,182)
```
#54e5b9
```
#54e5b9 rgb(84,229,185)
```
#4decbc
```
#4decbc rgb(77,236,188)
```
#45f4bf
```
#45f4bf rgb(69,244,191)
```
#3dfcc2
```
#3dfcc2 rgb(61,252,194)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a3c6bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dab6 Protanopia 1% of men
#f5d4cd Deuteranopia 1% of men
#70ecfd Tritanopia 0.001% of the population

Trichromacy

#ace4b9 Protanomaly 1% of men, 0.01% of women
#b5dfc8 Deuteranomaly 6% of men, 0.4% of women
#60efe6 Tritanomaly 0.01% of the population

#45f4bf hex color

#45f4bf Color Information

#45f4bf Color Conversion

Color Schemes with #45f4bf

Alternatives to #45f4bf

#45f4bf Preview

Shades and Tints of #45f4bf

Tones of #45f4bf

Color Blindness Simulator