#45b7a8 hex color

In a RGB color space, hex #45b7a8 is composed of 27.1% red, 71.8% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0% magenta, 8.2% yellow and 28.2% black. It has a hue angle of 172.1 degrees, a saturation of 45.2% and a lightness of 49.4%. #45b7a8 color hex could be obtained by blending #8affff with #006f51. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 72
- B 66
RGB color chart
- C 62
- M 0
- Y 8
- K 28
CMYK color chart

● #45b7a8 color description : Moderate cyan.

The hexadecimal color #45b7a8 has RGB values of R:69, G:183, B:168 and CMYK values of C:0.62, M:0, Y:0.08, K:0.28. Its decimal value is 4569000.

Hex triplet	45b7a8	`#45b7a8`
RGB Decimal	69, 183, 168	`rgb(69,183,168)`
RGB Percent	27.1, 71.8, 65.9	`rgb(27.1%,71.8%,65.9%)`
CMYK	62, 0, 8, 28
HSL	172.1°, 45.2, 49.4	`hsl(172.1,45.2%,49.4%)`
HSV (or HSB)	172.1°, 62.3, 71.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.989, -35.571, -1.899
XYZ	26.453, 37.957, 42.976
xyY	0.246, 0.353, 37.957
CIE-LCH	67.989, 35.622, 183.056
CIE-LUV	67.989, -45.817, 2.674
Hunter-Lab	61.609, -31.173, 1.768
Binary	01000101, 10110111, 10101000

#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#b74554
```
#b74554 rgb(183,69,84)
```

Complementary Color

#45b76f
```
#45b76f rgb(69,183,111)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#458db7
```
#458db7 rgb(69,141,183)
```

Analogous Color

#b76f45
```
#b76f45 rgb(183,111,69)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#b7458d
```
#b7458d rgb(183,69,141)
```

Split Complementary Color

#b7a845
```
#b7a845 rgb(183,168,69)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#a845b7
```
#a845b7 rgb(168,69,183)
```

Triadic Color

#54b745
```
#54b745 rgb(84,183,69)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#a845b7
```
#a845b7 rgb(168,69,183)
```
#b74554
```
#b74554 rgb(183,69,84)
```

Tetradic Color

#307f75
```
#307f75 rgb(48,127,117)
```
#379286
```
#379286 rgb(55,146,134)
```
#3ea497
```
#3ea497 rgb(62,164,151)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#56bfb2
```
#56bfb2 rgb(86,191,178)
```
#69c6ba
```
#69c6ba rgb(105,198,186)
```
#7bcdc3
```
#7bcdc3 rgb(123,205,195)
```

Monochromatic Color

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

#45b78c
```
#45b78c rgb(69,183,140)
```
#45b795
```
#45b795 rgb(69,183,149)
```
#45b79f
```
#45b79f rgb(69,183,159)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#45b7b2
```
#45b7b2 rgb(69,183,178)
```
#45b3b7
```
#45b3b7 rgb(69,179,183)
```
#45aab7
```
#45aab7 rgb(69,170,183)
```

Similar Colors

Text with hexadecimal color #45b7a8

This text has a font color of #45b7a8.

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

#45b7a8 background color

This paragraph has a background color of #45b7a8.

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

#45b7a8 border color

This element has a border color of #45b7a8.

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

CSS codes

.text {color:#45b7a8;}

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

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

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, #050c0b is the darkest color, while #fdfefe is the lightest one.

#050c0b
```
#050c0b rgb(5,12,11)
```
#0a1a18
```
#0a1a18 rgb(10,26,24)
```
#0f2925
```
#0f2925 rgb(15,41,37)
```
#153732
```
#153732 rgb(21,55,50)
```
#1a453f
```
#1a453f rgb(26,69,63)
```
#1f534c
```
#1f534c rgb(31,83,76)
```
#25625a
```
#25625a rgb(37,98,90)
```
#2a7067
```
#2a7067 rgb(42,112,103)
```
#307e74
```
#307e74 rgb(48,126,116)
```
#358c81
```
#358c81 rgb(53,140,129)
```
#3a9b8e
```
#3a9b8e rgb(58,155,142)
```
#40a99b
```
#40a99b rgb(64,169,155)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```

Shade Color Variation

#52beb0
```
#52beb0 rgb(82,190,176)
```
#60c3b6
```
#60c3b6 rgb(96,195,182)
```
#6ec8bd
```
#6ec8bd rgb(110,200,189)
```
#7dcec3
```
#7dcec3 rgb(125,206,195)
```
#8bd3ca
```
#8bd3ca rgb(139,211,202)
```
#99d9d0
```
#99d9d0 rgb(153,217,208)
```
#a7ded7
```
#a7ded7 rgb(167,222,215)
```
#b6e3dd
```
#b6e3dd rgb(182,227,221)
```
#c4e9e4
```
#c4e9e4 rgb(196,233,228)
```
#d2eeea
```
#d2eeea rgb(210,238,234)
```
#e0f3f1
```
#e0f3f1 rgb(224,243,241)
```
#eff9f7
```
#eff9f7 rgb(239,249,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #758784 is the less saturated color, while #01fbda is the most saturated one.

#758784
```
#758784 rgb(117,135,132)
```
#6c908b
```
#6c908b rgb(108,144,139)
```
#629a93
```
#629a93 rgb(98,154,147)
```
#58a49a
```
#58a49a rgb(88,164,154)
```
#4fada1
```
#4fada1 rgb(79,173,161)
```
#45b7a8
```
#45b7a8 rgb(69,183,168)
```
#3bc1af
```
#3bc1af rgb(59,193,175)
```
#32cab6
```
#32cab6 rgb(50,202,182)
```
#28d4bd
```
#28d4bd rgb(40,212,189)
```
#1edec5
```
#1edec5 rgb(30,222,197)
```
#15e7cc
```
#15e7cc rgb(21,231,204)
```
#0bf1d3
```
#0bf1d3 rgb(11,241,211)
```
#01fbda
```
#01fbda rgb(1,251,218)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#839a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea9a3 Protanopia 1% of men
#b5a5b4 Deuteranopia 1% of men
#5bb7c4 Tritanopia 0.001% of the population

Trichromacy

#88aea5 Protanomaly 1% of men, 0.01% of women
#8cacaf Deuteranomaly 6% of men, 0.4% of women
#53b7ba Tritanomaly 0.01% of the population

#45b7a8 hex color

#45b7a8 Color Information

#45b7a8 Color Conversion

Color Schemes with #45b7a8

Alternatives to #45b7a8

#45b7a8 Preview

Shades and Tints of #45b7a8

Tones of #45b7a8

Color Blindness Simulator