#45fab4 hex color

In a RGB color space, hex #45fab4 is composed of 27.1% red, 98% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 0% magenta, 28% yellow and 2% black. It has a hue angle of 156.8 degrees, a saturation of 94.8% and a lightness of 62.5%. #45fab4 color hex could be obtained by blending #8affff with #00f569. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 27
- G 98
- B 71
RGB color chart
- C 72
- M 0
- Y 28
- K 2
CMYK color chart

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

The hexadecimal color #45fab4 has RGB values of R:69, G:250, B:180 and CMYK values of C:0.72, M:0, Y:0.28, K:0.02. Its decimal value is 4586164.

Hex triplet	45fab4	`#45fab4`
RGB Decimal	69, 250, 180	`rgb(69,250,180)`
RGB Percent	27.1, 98, 70.6	`rgb(27.1%,98%,70.6%)`
CMYK	72, 0, 28, 2
HSL	156.8°, 94.8, 62.5	`hsl(156.8,94.8%,62.5%)`
HSV (or HSB)	156.8°, 72.4, 98
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.413, -60.721, 20.849
XYZ	44.875, 72.927, 54.889
xyY	0.26, 0.422, 72.927
CIE-LCH	88.413, 64.2, 161.05
CIE-LUV	88.413, -69.111, 40.468
Hunter-Lab	85.398, -55.648, 21.67
Binary	01000101, 11111010, 10110100

#45fab4
```
#45fab4 rgb(69,250,180)
```
#fa458b
```
#fa458b rgb(250,69,139)
```

Complementary Color

#45fa59
```
#45fa59 rgb(69,250,89)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```
#45e6fa
```
#45e6fa rgb(69,230,250)
```

Analogous Color

#fa5945
```
#fa5945 rgb(250,89,69)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```
#fa45e6
```
#fa45e6 rgb(250,69,230)
```

Split Complementary Color

#fab445
```
#fab445 rgb(250,180,69)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```
#b445fa
```
#b445fa rgb(180,69,250)
```

Triadic Color

#8bfa45
```
#8bfa45 rgb(139,250,69)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```
#b445fa
```
#b445fa rgb(180,69,250)
```
#fa458b
```
#fa458b rgb(250,69,139)
```

Tetradic Color

#06ec93
```
#06ec93 rgb(6,236,147)
```
#13f9a0
```
#13f9a0 rgb(19,249,160)
```
#2cf9aa
```
#2cf9aa rgb(44,249,170)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```
#5efbbe
```
#5efbbe rgb(94,251,190)
```
#77fbc8
```
#77fbc8 rgb(119,251,200)
```
#8ffcd2
```
#8ffcd2 rgb(143,252,210)
```

Monochromatic Color

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

#45fa87
```
#45fa87 rgb(69,250,135)
```
#45fa96
```
#45fa96 rgb(69,250,150)
```
#45faa5
```
#45faa5 rgb(69,250,165)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```
#45fac3
```
#45fac3 rgb(69,250,195)
```
#45fad2
```
#45fad2 rgb(69,250,210)
```
#45fae1
```
#45fae1 rgb(69,250,225)
```

Similar Colors

Text with hexadecimal color #45fab4

This text has a font color of #45fab4.

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

#45fab4 background color

This paragraph has a background color of #45fab4.

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

#45fab4 border color

This element has a border color of #45fab4.

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

CSS codes

.text {color:#45fab4;}

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

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

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

#000503
```
#000503 rgb(0,5,3)
```
#01180f
```
#01180f rgb(1,24,15)
```
#012b1b
```
#012b1b rgb(1,43,27)
```
#023e27
```
#023e27 rgb(2,62,39)
```
#025133
```
#025133 rgb(2,81,51)
```
#03653f
```
#03653f rgb(3,101,63)
```
#03784b
```
#03784b rgb(3,120,75)
```
#048b57
```
#048b57 rgb(4,139,87)
```
#049e62
```
#049e62 rgb(4,158,98)
```
#05b16e
```
#05b16e rgb(5,177,110)
```
#05c47a
```
#05c47a rgb(5,196,122)
```
#06d786
```
#06d786 rgb(6,215,134)
```
#06ea92
```
#06ea92 rgb(6,234,146)
```

Shade Color Variation

#0cf89d
```
#0cf89d rgb(12,248,157)
```
#1ff9a5
```
#1ff9a5 rgb(31,249,165)
```
#32f9ac
```
#32f9ac rgb(50,249,172)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```
#58fbbc
```
#58fbbc rgb(88,251,188)
```
#6bfbc3
```
#6bfbc3 rgb(107,251,195)
```
#7efccb
```
#7efccb rgb(126,252,203)
```
#91fcd3
```
#91fcd3 rgb(145,252,211)
```
#a5fddb
```
#a5fddb rgb(165,253,219)
```
#b8fde2
```
#b8fde2 rgb(184,253,226)
```
#cbfeea
```
#cbfeea rgb(203,254,234)
```
#defef2
```
#defef2 rgb(222,254,242)
```
#f1fff9
```
#f1fff9 rgb(241,255,249)
```

Tint Color Variation

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

#9da2a0
```
#9da2a0 rgb(157,162,160)
```
#96a9a2
```
#96a9a2 rgb(150,169,162)
```
#8eb1a3
```
#8eb1a3 rgb(142,177,163)
```
#87b8a5
```
#87b8a5 rgb(135,184,165)
```
#80bfa7
```
#80bfa7 rgb(128,191,167)
```
#78c7a8
```
#78c7a8 rgb(120,199,168)
```
#71ceaa
```
#71ceaa rgb(113,206,170)
```
#6ad5ac
```
#6ad5ac rgb(106,213,172)
```
#62ddad
```
#62ddad rgb(98,221,173)
```
#5be4af
```
#5be4af rgb(91,228,175)
```
#54ebb1
```
#54ebb1 rgb(84,235,177)
```
#4cf3b2
```
#4cf3b2 rgb(76,243,178)
```
#45fab4
```
#45fab4 rgb(69,250,180)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a4c8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedfac Protanopia 1% of men
#fed7c3 Deuteranopia 1% of men
#86eeff Tritanopia 0.001% of the population

Trichromacy

#b0e8af Protanomaly 1% of men, 0.01% of women
#bbe4be Deuteranomaly 6% of men, 0.4% of women
#6ef2e3 Tritanomaly 0.01% of the population

#45fab4 hex color

#45fab4 Color Information

#45fab4 Color Conversion

Color Schemes with #45fab4

Alternatives to #45fab4

#45fab4 Preview

Shades and Tints of #45fab4

Tones of #45fab4

Color Blindness Simulator