#45e5d0 hex color

In a RGB color space, hex #45e5d0 is composed of 27.1% red, 89.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 0% magenta, 9.2% yellow and 10.2% black. It has a hue angle of 172.1 degrees, a saturation of 75.5% and a lightness of 58.4%. #45e5d0 color hex could be obtained by blending #8affff with #00cba1. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 90
- B 82
RGB color chart
- C 70
- M 0
- Y 9
- K 10
CMYK color chart

● #45e5d0 color description : Soft cyan.

The hexadecimal color #45e5d0 has RGB values of R:69, G:229, B:208 and CMYK values of C:0.7, M:0, Y:0.09, K:0.1. Its decimal value is 4580816.

Hex triplet	45e5d0	`#45e5d0`
RGB Decimal	69, 229, 208	`rgb(69,229,208)`
RGB Percent	27.1, 89.8, 81.6	`rgb(27.1%,89.8%,81.6%)`
CMYK	70, 0, 9, 10
HSL	172.1°, 75.5, 58.4	`hsl(172.1,75.5%,58.4%)`
HSV (or HSB)	172.1°, 69.9, 89.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.836, -45.617, -1.716
XYZ	41.855, 61.854, 69.404
xyY	0.242, 0.357, 61.854
CIE-LCH	82.836, 45.649, 182.155
CIE-LUV	82.836, -59.985, 4.611
Hunter-Lab	78.647, -42.638, 2.731
Binary	01000101, 11100101, 11010000

#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#e5455a
```
#e5455a rgb(229,69,90)
```

Complementary Color

#45e580
```
#45e580 rgb(69,229,128)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#45aae5
```
#45aae5 rgb(69,170,229)
```

Analogous Color

#e58045
```
#e58045 rgb(229,128,69)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#e545aa
```
#e545aa rgb(229,69,170)
```

Split Complementary Color

#e5d045
```
#e5d045 rgb(229,208,69)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#d045e5
```
#d045e5 rgb(208,69,229)
```

Triadic Color

#5ae545
```
#5ae545 rgb(90,229,69)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#d045e5
```
#d045e5 rgb(208,69,229)
```
#e5455a
```
#e5455a rgb(229,69,90)
```

Tetradic Color

#1bc2ac
```
#1bc2ac rgb(27,194,172)
```
#1ed9c0
```
#1ed9c0 rgb(30,217,192)
```
#2fe2ca
```
#2fe2ca rgb(47,226,202)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#5be8d6
```
#5be8d6 rgb(91,232,214)
```
#72ebdb
```
#72ebdb rgb(114,235,219)
```
#88eee1
```
#88eee1 rgb(136,238,225)
```

Monochromatic Color

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

#45e5a8
```
#45e5a8 rgb(69,229,168)
```
#45e5b5
```
#45e5b5 rgb(69,229,181)
```
#45e5c3
```
#45e5c3 rgb(69,229,195)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#45e5dd
```
#45e5dd rgb(69,229,221)
```
#45dfe5
```
#45dfe5 rgb(69,223,229)
```
#45d2e5
```
#45d2e5 rgb(69,210,229)
```

Similar Colors

Text with hexadecimal color #45e5d0

This text has a font color of #45e5d0.

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

#45e5d0 background color

This paragraph has a background color of #45e5d0.

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

#45e5d0 border color

This element has a border color of #45e5d0.

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

CSS codes

.text {color:#45e5d0;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#031512
```
#031512 rgb(3,21,18)
```
#052621
```
#052621 rgb(5,38,33)
```
#083731
```
#083731 rgb(8,55,49)
```
#0a4840
```
#0a4840 rgb(10,72,64)
```
#0c594f
```
#0c594f rgb(12,89,79)
```
#0f6b5f
```
#0f6b5f rgb(15,107,95)
```
#117c6e
```
#117c6e rgb(17,124,110)
```
#148d7d
```
#148d7d rgb(20,141,125)
```
#169e8c
```
#169e8c rgb(22,158,140)
```
#19af9c
```
#19af9c rgb(25,175,156)
```
#1bc1ab
```
#1bc1ab rgb(27,193,171)
```
#1dd2ba
```
#1dd2ba rgb(29,210,186)
```

Shade Color Variation

#23e0c7
```
#23e0c7 rgb(35,224,199)
```
#34e3cc
```
#34e3cc rgb(52,227,204)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#56e7d4
```
#56e7d4 rgb(86,231,212)
```
#67ead9
```
#67ead9 rgb(103,234,217)
```
#79ecdd
```
#79ecdd rgb(121,236,221)
```
#8aefe1
```
#8aefe1 rgb(138,239,225)
```
#9bf1e6
```
#9bf1e6 rgb(155,241,230)
```
#acf3ea
```
#acf3ea rgb(172,243,234)
```
#bdf6ee
```
#bdf6ee rgb(189,246,238)
```
#cff8f3
```
#cff8f3 rgb(207,248,243)
```
#e0fbf7
```
#e0fbf7 rgb(224,251,247)
```
#f1fdfb
```
#f1fdfb rgb(241,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9c9a is the less saturated color, while #2dfde2 is the most saturated one.

#8e9c9a
```
#8e9c9a rgb(142,156,154)
```
#86a4a0
```
#86a4a0 rgb(134,164,160)
```
#7eaca6
```
#7eaca6 rgb(126,172,166)
```
#76b4ac
```
#76b4ac rgb(118,180,172)
```
#6ebcb2
```
#6ebcb2 rgb(110,188,178)
```
#66c4b8
```
#66c4b8 rgb(102,196,184)
```
#5dcdbe
```
#5dcdbe rgb(93,205,190)
```
#55d5c4
```
#55d5c4 rgb(85,213,196)
```
#4dddca
```
#4dddca rgb(77,221,202)
```
#45e5d0
```
#45e5d0 rgb(69,229,208)
```
#3dedd6
```
#3dedd6 rgb(61,237,214)
```
#35f5dc
```
#35f5dc rgb(53,245,220)
```
#2dfde2
```
#2dfde2 rgb(45,253,226)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9dbdb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6cfc6 Protanopia 1% of men
#decbdc Deuteranopia 1% of men
#63e1f2 Tritanopia 0.001% of the population

Trichromacy

#a1d7ca Protanomaly 1% of men, 0.01% of women
#a6d4d7 Deuteranomaly 6% of men, 0.4% of women
#58e2e5 Tritanomaly 0.01% of the population

#45e5d0 hex color

#45e5d0 Color Information

#45e5d0 Color Conversion

Color Schemes with #45e5d0

Alternatives to #45e5d0

#45e5d0 Preview

Shades and Tints of #45e5d0

Tones of #45e5d0

Color Blindness Simulator