#45d1e3 hex color

In a RGB color space, hex #45d1e3 is composed of 27.1% red, 82% green and 89% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 7.9% magenta, 0% yellow and 11% black. It has a hue angle of 186.8 degrees, a saturation of 73.8% and a lightness of 58%. #45d1e3 color hex could be obtained by blending #8affff with #00a3c7. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 82
- B 89
RGB color chart
- C 70
- M 8
- Y 0
- K 11
CMYK color chart

● #45d1e3 color description : Soft cyan.

The hexadecimal color #45d1e3 has RGB values of R:69, G:209, B:227 and CMYK values of C:0.7, M:0.08, Y:0, K:0.11. Its decimal value is 4575715.

Hex triplet	45d1e3	`#45d1e3`
RGB Decimal	69, 209, 227	`rgb(69,209,227)`
RGB Percent	27.1, 82, 89	`rgb(27.1%,82%,89%)`
CMYK	70, 8, 0, 11
HSL	186.8°, 73.8, 58	`hsl(186.8,73.8%,58%)`
HSV (or HSB)	186.8°, 69.6, 89
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.525, -31.21, -19.764
XYZ	39.116, 52.409, 80.723
xyY	0.227, 0.304, 52.409
CIE-LCH	77.525, 36.941, 212.344
CIE-LUV	77.525, -51.659, -26.655
Hunter-Lab	72.394, -30.242, -15.436
Binary	01000101, 11010001, 11100011

#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#e35745
```
#e35745 rgb(227,87,69)
```

Complementary Color

#45e3a6
```
#45e3a6 rgb(69,227,166)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#4582e3
```
#4582e3 rgb(69,130,227)
```

Analogous Color

#e3a645
```
#e3a645 rgb(227,166,69)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#e34582
```
#e34582 rgb(227,69,130)
```

Split Complementary Color

#d1e345
```
#d1e345 rgb(209,227,69)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#e345d1
```
#e345d1 rgb(227,69,209)
```

Triadic Color

#45e357
```
#45e357 rgb(69,227,87)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#e345d1
```
#e345d1 rgb(227,69,209)
```
#e35745
```
#e35745 rgb(227,87,69)
```

Tetradic Color

#1dacbf
```
#1dacbf rgb(29,172,191)
```
#20c0d5
```
#20c0d5 rgb(32,192,213)
```
#2fcce0
```
#2fcce0 rgb(47,204,224)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#5bd6e6
```
#5bd6e6 rgb(91,214,230)
```
#71dcea
```
#71dcea rgb(113,220,234)
```
#87e1ed
```
#87e1ed rgb(135,225,237)
```

Monochromatic Color

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

#45e3ce
```
#45e3ce rgb(69,227,206)
```
#45e3db
```
#45e3db rgb(69,227,219)
```
#45dee3
```
#45dee3 rgb(69,222,227)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#45c4e3
```
#45c4e3 rgb(69,196,227)
```
#45b7e3
```
#45b7e3 rgb(69,183,227)
```
#45aae3
```
#45aae3 rgb(69,170,227)
```

Similar Colors

Text with hexadecimal color #45d1e3

This text has a font color of #45d1e3.

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

#45d1e3 background color

This paragraph has a background color of #45d1e3.

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

#45d1e3 border color

This element has a border color of #45d1e3.

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

CSS codes

.text {color:#45d1e3;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#031113
```
#031113 rgb(3,17,19)
```
#052024
```
#052024 rgb(5,32,36)
```
#083035
```
#083035 rgb(8,48,53)
```
#0a3f46
```
#0a3f46 rgb(10,63,70)
```
#0d4e57
```
#0d4e57 rgb(13,78,87)
```
#105e68
```
#105e68 rgb(16,94,104)
```
#126d79
```
#126d79 rgb(18,109,121)
```
#157d8a
```
#157d8a rgb(21,125,138)
```
#178c9b
```
#178c9b rgb(23,140,155)
```
#1a9bac
```
#1a9bac rgb(26,155,172)
```
#1cabbd
```
#1cabbd rgb(28,171,189)
```
#1fbace
```
#1fbace rgb(31,186,206)
```

Shade Color Variation

#23c9de
```
#23c9de rgb(35,201,222)
```
#34cde0
```
#34cde0 rgb(52,205,224)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#56d5e6
```
#56d5e6 rgb(86,213,230)
```
#67d9e8
```
#67d9e8 rgb(103,217,232)
```
#78deeb
```
#78deeb rgb(120,222,235)
```
#89e2ed
```
#89e2ed rgb(137,226,237)
```
#9ae6f0
```
#9ae6f0 rgb(154,230,240)
```
#abeaf2
```
#abeaf2 rgb(171,234,242)
```
#bceff5
```
#bceff5 rgb(188,239,245)
```
#cdf3f8
```
#cdf3f8 rgb(205,243,248)
```
#def7fa
```
#def7fa rgb(222,247,250)
```
#effbfd
```
#effbfd rgb(239,251,253)
```

Tint Color Variation

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

#8f9899
```
#8f9899 rgb(143,152,153)
```
#879ea1
```
#879ea1 rgb(135,158,161)
```
#7fa5a9
```
#7fa5a9 rgb(127,165,169)
```
#76abb2
```
#76abb2 rgb(118,171,178)
```
#6eb1ba
```
#6eb1ba rgb(110,177,186)
```
#66b8c2
```
#66b8c2 rgb(102,184,194)
```
#5ebeca
```
#5ebeca rgb(94,190,202)
```
#55c4d3
```
#55c4d3 rgb(85,196,211)
```
#4dcbdb
```
#4dcbdb rgb(77,203,219)
```
#45d1e3
```
#45d1e3 rgb(69,209,227)
```
#3dd7eb
```
#3dd7eb rgb(61,215,235)
```
#35def3
```
#35def3 rgb(53,222,243)
```
#2ce4fc
```
#2ce4fc rgb(44,228,252)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#95b1b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec1d9 Protanopia 1% of men
#bebfec Deuteranopia 1% of men
#4dd3e3 Tritanopia 0.001% of the population

Trichromacy

#92c7dd Protanomaly 1% of men, 0.01% of women
#92c5e8 Deuteranomaly 6% of men, 0.4% of women
#4ad2e3 Tritanomaly 0.01% of the population

#45d1e3 hex color

#45d1e3 Color Information

#45d1e3 Color Conversion

Color Schemes with #45d1e3

Alternatives to #45d1e3

#45d1e3 Preview

Shades and Tints of #45d1e3

Tones of #45d1e3

Color Blindness Simulator