#45c8bd hex color

In a RGB color space, hex #45c8bd is composed of 27.1% red, 78.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 0% magenta, 5.5% yellow and 21.6% black. It has a hue angle of 175 degrees, a saturation of 54.4% and a lightness of 52.7%. #45c8bd color hex could be obtained by blending #8affff with #00917b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 78
- B 74
RGB color chart
- C 66
- M 0
- Y 5
- K 22
CMYK color chart

● #45c8bd color description : Moderate cyan.

The hexadecimal color #45c8bd has RGB values of R:69, G:200, B:189 and CMYK values of C:0.66, M:0, Y:0.05, K:0.22. Its decimal value is 4573373.

Hex triplet	45c8bd	`#45c8bd`
RGB Decimal	69, 200, 189	`rgb(69,200,189)`
RGB Percent	27.1, 78.4, 74.1	`rgb(27.1%,78.4%,74.1%)`
CMYK	66, 0, 5, 22
HSL	175°, 54.4, 52.7	`hsl(175,54.4%,52.7%)`
HSV (or HSB)	175°, 65.5, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.704, -37.77, -4.971
XYZ	32.291, 46.245, 55.366
xyY	0.241, 0.345, 46.245
CIE-LCH	73.704, 38.096, 187.497
CIE-LUV	73.704, -50.828, -1.698
Hunter-Lab	68.004, -34.247, -0.669
Binary	01000101, 11001000, 10111101

#45c8bd
```
#45c8bd rgb(69,200,189)
```
#c84550
```
#c84550 rgb(200,69,80)
```

Complementary Color

#45c87c
```
#45c87c rgb(69,200,124)
```
#45c8bd
```
#45c8bd rgb(69,200,189)
```
#4592c8
```
#4592c8 rgb(69,146,200)
```

Analogous Color

#c87c45
```
#c87c45 rgb(200,124,69)
```
#45c8bd
```
#45c8bd rgb(69,200,189)
```
#c84592
```
#c84592 rgb(200,69,146)
```

Split Complementary Color

#c8bd45
```
#c8bd45 rgb(200,189,69)
```
#45c8bd
```
#45c8bd rgb(69,200,189)
```
#bd45c8
```
#bd45c8 rgb(189,69,200)
```

Triadic Color

#50c845
```
#50c845 rgb(80,200,69)
```
#45c8bd
```
#45c8bd rgb(69,200,189)
```
#bd45c8
```
#bd45c8 rgb(189,69,200)
```
#c84550
```
#c84550 rgb(200,69,80)
```

Tetradic Color

#2c958c
```
#2c958c rgb(44,149,140)
```
#32a89e
```
#32a89e rgb(50,168,158)
```
#38bcb1
```
#38bcb1 rgb(56,188,177)
```
#45c8bd
```
#45c8bd rgb(69,200,189)
```
#59cec4
```
#59cec4 rgb(89,206,196)
```
#6cd4cb
```
#6cd4cb rgb(108,212,203)
```
#80d9d2
```
#80d9d2 rgb(128,217,210)
```

Monochromatic Color

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

#45c89c
```
#45c89c rgb(69,200,156)
```
#45c8a7
```
#45c8a7 rgb(69,200,167)
```
#45c8b2
```
#45c8b2 rgb(69,200,178)
```
#45c8bd
```
#45c8bd rgb(69,200,189)
```
#45c8c8
```
#45c8c8 rgb(69,200,200)
```
#45bdc8
```
#45bdc8 rgb(69,189,200)
```
#45b2c8
```
#45b2c8 rgb(69,178,200)
```

Similar Colors

Text with hexadecimal color #45c8bd

This text has a font color of #45c8bd.

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

#45c8bd background color

This paragraph has a background color of #45c8bd.

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

#45c8bd border color

This element has a border color of #45c8bd.

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

CSS codes

.text {color:#45c8bd;}

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

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

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, #030b0a is the darkest color, while #fbfefd is the lightest one.

#030b0a
```
#030b0a rgb(3,11,10)
```
#081a18
```
#081a18 rgb(8,26,24)
```
#0c2927
```
#0c2927 rgb(12,41,39)
```
#113835
```
#113835 rgb(17,56,53)
```
#154743
```
#154743 rgb(21,71,67)
```
#1a5651
```
#1a5651 rgb(26,86,81)
```
#1e6660
```
#1e6660 rgb(30,102,96)
```
#23756e
```
#23756e rgb(35,117,110)
```
#27847c
```
#27847c rgb(39,132,124)
```
#2b938a
```
#2b938a rgb(43,147,138)
```
#30a299
```
#30a299 rgb(48,162,153)
```
#34b1a7
```
#34b1a7 rgb(52,177,167)
```
#39c0b5
```
#39c0b5 rgb(57,192,181)
```

Shade Color Variation

#45c8bd
```
#45c8bd rgb(69,200,189)
```
#54ccc2
```
#54ccc2 rgb(84,204,194)
```
#63d1c8
```
#63d1c8 rgb(99,209,200)
```
#72d5cd
```
#72d5cd rgb(114,213,205)
```
#82dad2
```
#82dad2 rgb(130,218,210)
```
#91ded8
```
#91ded8 rgb(145,222,216)
```
#a0e3dd
```
#a0e3dd rgb(160,227,221)
```
#afe7e3
```
#afe7e3 rgb(175,231,227)
```
#beece8
```
#beece8 rgb(190,236,232)
```
#cdf0ed
```
#cdf0ed rgb(205,240,237)
```
#dcf5f3
```
#dcf5f3 rgb(220,245,243)
```
#ecf9f8
```
#ecf9f8 rgb(236,249,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#868787
```
#868787 rgb(134,135,135)
```
#7d908f
```
#7d908f rgb(125,144,143)
```
#739a96
```
#739a96 rgb(115,154,150)
```
#6aa39e
```
#6aa39e rgb(106,163,158)
```
#61aca6
```
#61aca6 rgb(97,172,166)
```
#58b5ae
```
#58b5ae rgb(88,181,174)
```
#4ebfb5
```
#4ebfb5 rgb(78,191,181)
```
#45c8bd
```
#45c8bd rgb(69,200,189)
```
#3cd1c5
```
#3cd1c5 rgb(60,209,197)
```
#32dbcc
```
#32dbcc rgb(50,219,204)
```
#29e4d4
```
#29e4d4 rgb(41,228,212)
```
#20eddc
```
#20eddc rgb(32,237,220)
```
#17f6e4
```
#17f6e4 rgb(23,246,228)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb8b6 Protanopia 1% of men
#c2b4c8 Deuteranopia 1% of men
#5bc7d6 Tritanopia 0.001% of the population

Trichromacy

#91bdb8 Protanomaly 1% of men, 0.01% of women
#94bbc4 Deuteranomaly 6% of men, 0.4% of women
#53c7cc Tritanomaly 0.01% of the population

#45c8bd hex color

#45c8bd Color Information

#45c8bd Color Conversion

Color Schemes with #45c8bd

Alternatives to #45c8bd

#45c8bd Preview

Shades and Tints of #45c8bd

Tones of #45c8bd

Color Blindness Simulator