colorhexa.com

#45e1df hex color

In a RGB color space, hex #45e1df is composed of 27.1% red, 88.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 0% magenta, 0.9% yellow and 11.8% black. It has a hue angle of 179.2 degrees, a saturation of 72.2% and a lightness of 57.6%. #45e1df color hex could be obtained by blending #8affff with #00c3bf. Closest websafe color is: #33cccc.

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

● #45e1df color description : Soft cyan.

The hexadecimal color #45e1df has RGB values of R:69, G:225, B:223 and CMYK values of C:0.69, M:0, Y:0.01, K:0.12. Its decimal value is 4579807.

Hex triplet	45e1df	`#45e1df`
RGB Decimal	69, 225, 223	`rgb(69,225,223)`
RGB Percent	27.1, 88.2, 87.5	`rgb(27.1%,88.2%,87.5%)`
CMYK	69, 0, 1, 12
HSL	179.2°, 72.2, 57.6	`hsl(179.2,72.2%,57.6%)`
HSV (or HSB)	179.2°, 69.3, 88.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.076, -39.817, -10.788
XYZ	42.695, 60.439, 79.224
xyY	0.234, 0.331, 60.439
CIE-LCH	82.076, 41.253, 195.159
CIE-LUV	82.076, -57.576, -10.734
Hunter-Lab	77.743, -38.022, -6
Binary	01000101, 11100001, 11011111

#45e1df
```
#45e1df rgb(69,225,223)
```
#e14547
```
#e14547 rgb(225,69,71)
```

Complementary Color

#45e191
```
#45e191 rgb(69,225,145)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#4595e1
```
#4595e1 rgb(69,149,225)
```

Analogous Color

#e19145
```
#e19145 rgb(225,145,69)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#e14595
```
#e14595 rgb(225,69,149)
```

Split Complementary Color

#e1df45
```
#e1df45 rgb(225,223,69)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#df45e1
```
#df45e1 rgb(223,69,225)
```

Triadic Color

#47e145
```
#47e145 rgb(71,225,69)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#df45e1
```
#df45e1 rgb(223,69,225)
```
#e14547
```
#e14547 rgb(225,69,71)
```

Tetradic Color

#1ebbb9
```
#1ebbb9 rgb(30,187,185)
```
#22d1cf
```
#22d1cf rgb(34,209,207)
```
#2fdddb
```
#2fdddb rgb(47,221,219)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#5be5e3
```
#5be5e3 rgb(91,229,227)
```
#71e8e7
```
#71e8e7 rgb(113,232,231)
```
#87ecea
```
#87ecea rgb(135,236,234)
```

Monochromatic Color

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

#45e1b8
```
#45e1b8 rgb(69,225,184)
```
#45e1c5
```
#45e1c5 rgb(69,225,197)
```
#45e1d2
```
#45e1d2 rgb(69,225,210)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#45d6e1
```
#45d6e1 rgb(69,214,225)
```
#45c9e1
```
#45c9e1 rgb(69,201,225)
```
#45bce1
```
#45bce1 rgb(69,188,225)
```

Similar Colors

Text with hexadecimal color #45e1df

This text has a font color of #45e1df.

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

#45e1df background color

This paragraph has a background color of #45e1df.

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

#45e1df border color

This element has a border color of #45e1df.

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

CSS codes

.text {color:#45e1df;}

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

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

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

#031111
```
#031111 rgb(3,17,17)
```
#052221
```
#052221 rgb(5,34,33)
```
#083232
```
#083232 rgb(8,50,50)
```
#0b4343
```
#0b4343 rgb(11,67,67)
```
#0e5453
```
#0e5453 rgb(14,84,83)
```
#106564
```
#106564 rgb(16,101,100)
```
#137675
```
#137675 rgb(19,118,117)
```
#168785
```
#168785 rgb(22,135,133)
```
#189896
```
#189896 rgb(24,152,150)
```
#1ba9a7
```
#1ba9a7 rgb(27,169,167)
```
#1ebab8
```
#1ebab8 rgb(30,186,184)
```
#21cac8
```
#21cac8 rgb(33,202,200)
```
#23dbd9
```
#23dbd9 rgb(35,219,217)
```

Shade Color Variation

#34dedc
```
#34dedc rgb(52,222,220)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#56e4e2
```
#56e4e2 rgb(86,228,226)
```
#67e6e5
```
#67e6e5 rgb(103,230,229)
```
#78e9e8
```
#78e9e8 rgb(120,233,232)
```
#89eceb
```
#89eceb rgb(137,236,235)
```
#99efee
```
#99efee rgb(153,239,238)
```
#aaf1f0
```
#aaf1f0 rgb(170,241,240)
```
#bbf4f3
```
#bbf4f3 rgb(187,244,243)
```
#ccf7f6
```
#ccf7f6 rgb(204,247,246)
```
#ddfaf9
```
#ddfaf9 rgb(221,250,249)
```
#eefcfc
```
#eefcfc rgb(238,252,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#909696
```
#909696 rgb(144,150,150)
```
#879f9e
```
#879f9e rgb(135,159,158)
```
#7fa7a6
```
#7fa7a6 rgb(127,167,166)
```
#77afae
```
#77afae rgb(119,175,174)
```
#6fb7b7
```
#6fb7b7 rgb(111,183,183)
```
#66c0bf
```
#66c0bf rgb(102,192,191)
```
#5ec8c7
```
#5ec8c7 rgb(94,200,199)
```
#56d0cf
```
#56d0cf rgb(86,208,207)
```
#4dd9d7
```
#4dd9d7 rgb(77,217,215)
```
#45e1df
```
#45e1df rgb(69,225,223)
```
#3de9e7
```
#3de9e7 rgb(61,233,231)
```
#34f2ef
```
#34f2ef rgb(52,242,239)
```
#2cfaf7
```
#2cfaf7 rgb(44,250,247)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9cbbbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cdd5 Protanopia 1% of men
#d4c9e9 Deuteranopia 1% of men
#5ae0f0 Tritanopia 0.001% of the population

Trichromacy

#9dd4d8 Protanomaly 1% of men, 0.01% of women
#a0d2e5 Deuteranomaly 6% of men, 0.4% of women
#52e0ea Tritanomaly 0.01% of the population