#45d3e6 hex color

In a RGB color space, hex #45d3e6 is composed of 27.1% red, 82.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 8.3% magenta, 0% yellow and 9.8% black. It has a hue angle of 187.1 degrees, a saturation of 76.3% and a lightness of 58.6%. #45d3e6 color hex could be obtained by blending #8affff with #00a7cd. Closest websafe color is: #33ccff.

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

● #45d3e6 color description : Bright cyan.

The hexadecimal color #45d3e6 has RGB values of R:69, G:211, B:230 and CMYK values of C:0.7, M:0.08, Y:0, K:0.1. Its decimal value is 4576230.

Hex triplet	45d3e6	`#45d3e6`
RGB Decimal	69, 211, 230	`rgb(69,211,230)`
RGB Percent	27.1, 82.7, 90.2	`rgb(27.1%,82.7%,90.2%)`
CMYK	70, 8, 0, 10
HSL	187.1°, 76.3, 58.6	`hsl(187.1,76.3%,58.6%)`
HSV (or HSB)	187.1°, 70, 90.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.206, -31.282, -20.338
XYZ	40.027, 53.563, 83.088
xyY	0.227, 0.303, 53.563
CIE-LCH	78.206, 37.313, 213.03
CIE-LUV	78.206, -52.175, -27.633
Hunter-Lab	73.187, -30.452, -16.08
Binary	01000101, 11010011, 11100110

#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#e65845
```
#e65845 rgb(230,88,69)
```

Complementary Color

#45e6a9
```
#45e6a9 rgb(69,230,169)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#4583e6
```
#4583e6 rgb(69,131,230)
```

Analogous Color

#e6a945
```
#e6a945 rgb(230,169,69)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#e64583
```
#e64583 rgb(230,69,131)
```

Split Complementary Color

#d3e645
```
#d3e645 rgb(211,230,69)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#e645d3
```
#e645d3 rgb(230,69,211)
```

Triadic Color

#45e658
```
#45e658 rgb(69,230,88)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#e645d3
```
#e645d3 rgb(230,69,211)
```
#e65845
```
#e65845 rgb(230,88,69)
```

Tetradic Color

#1ab0c4
```
#1ab0c4 rgb(26,176,196)
```
#1dc4db
```
#1dc4db rgb(29,196,219)
```
#2fcee3
```
#2fcee3 rgb(47,206,227)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#5bd8e9
```
#5bd8e9 rgb(91,216,233)
```
#72deec
```
#72deec rgb(114,222,236)
```
#88e3ef
```
#88e3ef rgb(136,227,239)
```

Monochromatic Color

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

#45e6d1
```
#45e6d1 rgb(69,230,209)
```
#45e6de
```
#45e6de rgb(69,230,222)
```
#45e0e6
```
#45e0e6 rgb(69,224,230)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#45c6e6
```
#45c6e6 rgb(69,198,230)
```
#45b8e6
```
#45b8e6 rgb(69,184,230)
```
#45abe6
```
#45abe6 rgb(69,171,230)
```

Similar Colors

Text with hexadecimal color #45d3e6

This text has a font color of #45d3e6.

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

#45d3e6 background color

This paragraph has a background color of #45d3e6.

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

#45d3e6 border color

This element has a border color of #45d3e6.

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

CSS codes

.text {color:#45d3e6;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031315
```
#031315 rgb(3,19,21)
```
#052327
```
#052327 rgb(5,35,39)
```
#083238
```
#083238 rgb(8,50,56)
```
#0a4249
```
#0a4249 rgb(10,66,73)
```
#0c515b
```
#0c515b rgb(12,81,91)
```
#0f616c
```
#0f616c rgb(15,97,108)
```
#11707d
```
#11707d rgb(17,112,125)
```
#13808f
```
#13808f rgb(19,128,143)
```
#158fa0
```
#158fa0 rgb(21,143,160)
```
#189fb1
```
#189fb1 rgb(24,159,177)
```
#1aafc2
```
#1aafc2 rgb(26,175,194)
```
#1cbed4
```
#1cbed4 rgb(28,190,212)
```

Shade Color Variation

#22cbe1
```
#22cbe1 rgb(34,203,225)
```
#34cfe4
```
#34cfe4 rgb(52,207,228)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#56d7e8
```
#56d7e8 rgb(86,215,232)
```
#68dbeb
```
#68dbeb rgb(104,219,235)
```
#79dfed
```
#79dfed rgb(121,223,237)
```
#8ae3ef
```
#8ae3ef rgb(138,227,239)
```
#9be7f2
```
#9be7f2 rgb(155,231,242)
```
#adecf4
```
#adecf4 rgb(173,236,244)
```
#bef0f6
```
#bef0f6 rgb(190,240,246)
```
#cff4f9
```
#cff4f9 rgb(207,244,249)
```
#e1f8fb
```
#e1f8fb rgb(225,248,251)
```
#f2fcfd
```
#f2fcfd rgb(242,252,253)
```

Tint Color Variation

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

#8e9b9d
```
#8e9b9d rgb(142,155,157)
```
#86a1a5
```
#86a1a5 rgb(134,161,165)
```
#7ea8ad
```
#7ea8ad rgb(126,168,173)
```
#76aeb5
```
#76aeb5 rgb(118,174,181)
```
#6eb4bd
```
#6eb4bd rgb(110,180,189)
```
#65bac6
```
#65bac6 rgb(101,186,198)
```
#5dc0ce
```
#5dc0ce rgb(93,192,206)
```
#55c7d6
```
#55c7d6 rgb(85,199,214)
```
#4dcdde
```
#4dcdde rgb(77,205,222)
```
#45d3e6
```
#45d3e6 rgb(69,211,230)
```
#3dd9ee
```
#3dd9ee rgb(61,217,238)
```
#35dff6
```
#35dff6 rgb(53,223,246)
```
#2de6fe
```
#2de6fe rgb(45,230,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#97b3b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c3dc Protanopia 1% of men
#c0c0ee Deuteranopia 1% of men
#4dd5e5 Tritanopia 0.001% of the population

Trichromacy

#93c8df Protanomaly 1% of men, 0.01% of women
#93c7eb Deuteranomaly 6% of men, 0.4% of women
#4ad4e5 Tritanomaly 0.01% of the population

#45d3e6 hex color

#45d3e6 Color Information

#45d3e6 Color Conversion

Color Schemes with #45d3e6

Alternatives to #45d3e6

#45d3e6 Preview

Shades and Tints of #45d3e6

Tones of #45d3e6

Color Blindness Simulator