#45e0dd hex color

In a RGB color space, hex #45e0dd is composed of 27.1% red, 87.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 0% magenta, 1.3% yellow and 12.2% black. It has a hue angle of 178.8 degrees, a saturation of 71.4% and a lightness of 57.5%. #45e0dd color hex could be obtained by blending #8affff with #00c1bb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 88
- B 87
RGB color chart
- C 69
- M 0
- Y 1
- K 12
CMYK color chart

● #45e0dd color description : Soft cyan.

The hexadecimal color #45e0dd has RGB values of R:69, G:224, B:221 and CMYK values of C:0.69, M:0, Y:0.01, K:0.12. Its decimal value is 4579549.

Hex triplet	45e0dd	`#45e0dd`
RGB Decimal	69, 224, 221	`rgb(69,224,221)`
RGB Percent	27.1, 87.8, 86.7	`rgb(27.1%,87.8%,86.7%)`
CMYK	69, 0, 1, 12
HSL	178.8°, 71.4, 57.5	`hsl(178.8,71.4%,57.5%)`
HSV (or HSB)	178.8°, 69.2, 87.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.726, -39.919, -10.249
XYZ	42.157, 59.793, 77.722
xyY	0.235, 0.333, 59.793
CIE-LCH	81.726, 41.214, 194.399
CIE-LUV	81.726, -57.357, -9.838
Hunter-Lab	77.326, -38.005, -5.465
Binary	01000101, 11100000, 11011101

#45e0dd
```
#45e0dd rgb(69,224,221)
```
#e04548
```
#e04548 rgb(224,69,72)
```

Complementary Color

#45e090
```
#45e090 rgb(69,224,144)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#4596e0
```
#4596e0 rgb(69,150,224)
```

Analogous Color

#e09045
```
#e09045 rgb(224,144,69)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#e04596
```
#e04596 rgb(224,69,150)
```

Split Complementary Color

#e0dd45
```
#e0dd45 rgb(224,221,69)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#dd45e0
```
#dd45e0 rgb(221,69,224)
```

Triadic Color

#48e045
```
#48e045 rgb(72,224,69)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#dd45e0
```
#dd45e0 rgb(221,69,224)
```
#e04548
```
#e04548 rgb(224,69,72)
```

Tetradic Color

#1fbab7
```
#1fbab7 rgb(31,186,183)
```
#23cfcc
```
#23cfcc rgb(35,207,204)
```
#2fdcd9
```
#2fdcd9 rgb(47,220,217)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#5be4e1
```
#5be4e1 rgb(91,228,225)
```
#71e7e5
```
#71e7e5 rgb(113,231,229)
```
#87ebe9
```
#87ebe9 rgb(135,235,233)
```

Monochromatic Color

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

#45e0b6
```
#45e0b6 rgb(69,224,182)
```
#45e0c3
```
#45e0c3 rgb(69,224,195)
```
#45e0d0
```
#45e0d0 rgb(69,224,208)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#45d6e0
```
#45d6e0 rgb(69,214,224)
```
#45c9e0
```
#45c9e0 rgb(69,201,224)
```
#45bce0
```
#45bce0 rgb(69,188,224)
```

Similar Colors

Text with hexadecimal color #45e0dd

This text has a font color of #45e0dd.

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

#45e0dd background color

This paragraph has a background color of #45e0dd.

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

#45e0dd border color

This element has a border color of #45e0dd.

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

CSS codes

.text {color:#45e0dd;}

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

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

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

#031010
```
#031010 rgb(3,16,16)
```
#052120
```
#052120 rgb(5,33,32)
```
#083131
```
#083131 rgb(8,49,49)
```
#0b4241
```
#0b4241 rgb(11,66,65)
```
#0e5352
```
#0e5352 rgb(14,83,82)
```
#116462
```
#116462 rgb(17,100,98)
```
#137573
```
#137573 rgb(19,117,115)
```
#168583
```
#168583 rgb(22,133,131)
```
#199694
```
#199694 rgb(25,150,148)
```
#1ca7a4
```
#1ca7a4 rgb(28,167,164)
```
#1fb8b5
```
#1fb8b5 rgb(31,184,181)
```
#21c9c5
```
#21c9c5 rgb(33,201,197)
```
#24dad6
```
#24dad6 rgb(36,218,214)
```

Shade Color Variation

#34ddda
```
#34ddda rgb(52,221,218)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#56e3e0
```
#56e3e0 rgb(86,227,224)
```
#67e6e3
```
#67e6e3 rgb(103,230,227)
```
#77e8e6
```
#77e8e6 rgb(119,232,230)
```
#88ebe9
```
#88ebe9 rgb(136,235,233)
```
#99eeec
```
#99eeec rgb(153,238,236)
```
#aaf1ef
```
#aaf1ef rgb(170,241,239)
```
#bbf4f3
```
#bbf4f3 rgb(187,244,243)
```
#ccf6f6
```
#ccf6f6 rgb(204,246,246)
```
#dcf9f9
```
#dcf9f9 rgb(220,249,249)
```
#edfcfc
```
#edfcfc rgb(237,252,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#909595
```
#909595 rgb(144,149,149)
```
#889d9d
```
#889d9d rgb(136,157,157)
```
#7fa6a5
```
#7fa6a5 rgb(127,166,165)
```
#77aead
```
#77aead rgb(119,174,173)
```
#6fb6b5
```
#6fb6b5 rgb(111,182,181)
```
#66bfbd
```
#66bfbd rgb(102,191,189)
```
#5ec7c5
```
#5ec7c5 rgb(94,199,197)
```
#56cfcd
```
#56cfcd rgb(86,207,205)
```
#4dd8d5
```
#4dd8d5 rgb(77,216,213)
```
#45e0dd
```
#45e0dd rgb(69,224,221)
```
#3de8e5
```
#3de8e5 rgb(61,232,229)
```
#34f1ed
```
#34f1ed rgb(52,241,237)
```
#2cf9f5
```
#2cf9f5 rgb(44,249,245)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#9bbaba Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfccd3 Protanopia 1% of men
#d4c8e7 Deuteranopia 1% of men
#5adeef Tritanopia 0.001% of the population

Trichromacy

#9dd3d6 Protanomaly 1% of men, 0.01% of women
#a0d1e3 Deuteranomaly 6% of men, 0.4% of women
#52dfe8 Tritanomaly 0.01% of the population

#45e0dd hex color

#45e0dd Color Information

#45e0dd Color Conversion

Color Schemes with #45e0dd

Alternatives to #45e0dd

#45e0dd Preview

Shades and Tints of #45e0dd

Tones of #45e0dd

Color Blindness Simulator