#45d6ed hex color

In a RGB color space, hex #45d6ed is composed of 27.1% red, 83.9% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 9.7% magenta, 0% yellow and 7.1% black. It has a hue angle of 188.2 degrees, a saturation of 82.4% and a lightness of 60%. #45d6ed color hex could be obtained by blending #8affff with #00addb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 84
- B 93
RGB color chart
- C 71
- M 10
- Y 0
- K 7
CMYK color chart

● #45d6ed color description : Bright cyan.

The hexadecimal color #45d6ed has RGB values of R:69, G:214, B:237 and CMYK values of C:0.71, M:0.1, Y:0, K:0.07. Its decimal value is 4577005.

Hex triplet	45d6ed	`#45d6ed`
RGB Decimal	69, 214, 237	`rgb(69,214,237)`
RGB Percent	27.1, 83.9, 92.9	`rgb(27.1%,83.9%,92.9%)`
CMYK	71, 10, 0, 7
HSL	188.2°, 82.4, 60	`hsl(188.2,82.4%,60%)`
HSV (or HSB)	188.2°, 70.9, 92.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.311, -30.642, -22.404
XYZ	41.783, 55.469, 88.621
xyY	0.225, 0.298, 55.469
CIE-LCH	79.311, 37.959, 216.173
CIE-LUV	79.311, -52.782, -31.24
Hunter-Lab	74.478, -30.196, -18.415
Binary	01000101, 11010110, 11101101

#45d6ed
```
#45d6ed rgb(69,214,237)
```
#ed5c45
```
#ed5c45 rgb(237,92,69)
```

Complementary Color

#45edb0
```
#45edb0 rgb(69,237,176)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#4582ed
```
#4582ed rgb(69,130,237)
```

Analogous Color

#edb045
```
#edb045 rgb(237,176,69)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#ed4582
```
#ed4582 rgb(237,69,130)
```

Split Complementary Color

#d6ed45
```
#d6ed45 rgb(214,237,69)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#ed45d6
```
#ed45d6 rgb(237,69,214)
```

Triadic Color

#45ed5c
```
#45ed5c rgb(69,237,92)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#ed45d6
```
#ed45d6 rgb(237,69,214)
```
#ed5c45
```
#ed5c45 rgb(237,92,69)
```

Tetradic Color

#14b7d1
```
#14b7d1 rgb(20,183,209)
```
#17cce9
```
#17cce9 rgb(23,204,233)
```
#2ed1eb
```
#2ed1eb rgb(46,209,235)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#5cdbef
```
#5cdbef rgb(92,219,239)
```
#74e0f2
```
#74e0f2 rgb(116,224,242)
```
#8be5f4
```
#8be5f4 rgb(139,229,244)
```

Monochromatic Color

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

#45edda
```
#45edda rgb(69,237,218)
```
#45ede8
```
#45ede8 rgb(69,237,232)
```
#45e4ed
```
#45e4ed rgb(69,228,237)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#45c8ed
```
#45c8ed rgb(69,200,237)
```
#45baed
```
#45baed rgb(69,186,237)
```
#45aced
```
#45aced rgb(69,172,237)
```

Similar Colors

Text with hexadecimal color #45d6ed

This text has a font color of #45d6ed.

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

#45d6ed background color

This paragraph has a background color of #45d6ed.

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

#45d6ed border color

This element has a border color of #45d6ed.

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

CSS codes

.text {color:#45d6ed;}

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

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

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, #01090b is the darkest color, while #f8fdfe is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#03191d
```
#03191d rgb(3,25,29)
```
#04292f
```
#04292f rgb(4,41,47)
```
#063840
```
#063840 rgb(6,56,64)
```
#084852
```
#084852 rgb(8,72,82)
```
#0a5864
```
#0a5864 rgb(10,88,100)
```
#0b6776
```
#0b6776 rgb(11,103,118)
```
#0d7788
```
#0d7788 rgb(13,119,136)
```
#0f879a
```
#0f879a rgb(15,135,154)
```
#1196ac
```
#1196ac rgb(17,150,172)
```
#12a6be
```
#12a6be rgb(18,166,190)
```
#14b6cf
```
#14b6cf rgb(20,182,207)
```
#16c5e1
```
#16c5e1 rgb(22,197,225)
```

Shade Color Variation

#21ceea
```
#21ceea rgb(33,206,234)
```
#33d2eb
```
#33d2eb rgb(51,210,235)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#57daef
```
#57daef rgb(87,218,239)
```
#69def0
```
#69def0 rgb(105,222,240)
```
#7be2f2
```
#7be2f2 rgb(123,226,242)
```
#8de6f4
```
#8de6f4 rgb(141,230,244)
```
#9eeaf6
```
#9eeaf6 rgb(158,234,246)
```
#b0eef7
```
#b0eef7 rgb(176,238,247)
```
#c2f2f9
```
#c2f2f9 rgb(194,242,249)
```
#d4f6fb
```
#d4f6fb rgb(212,246,251)
```
#e6f9fd
```
#e6f9fd rgb(230,249,253)
```
#f8fdfe
```
#f8fdfe rgb(248,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939d9f is the less saturated color, while #35e1fd is the most saturated one.

#939d9f
```
#939d9f rgb(147,157,159)
```
#8ca3a6
```
#8ca3a6 rgb(140,163,166)
```
#84a8ae
```
#84a8ae rgb(132,168,174)
```
#7caeb6
```
#7caeb6 rgb(124,174,182)
```
#74b4be
```
#74b4be rgb(116,180,190)
```
#6cbac6
```
#6cbac6 rgb(108,186,198)
```
#64bfce
```
#64bfce rgb(100,191,206)
```
#5dc5d5
```
#5dc5d5 rgb(93,197,213)
```
#55cbdd
```
#55cbdd rgb(85,203,221)
```
#4dd0e5
```
#4dd0e5 rgb(77,208,229)
```
#45d6ed
```
#45d6ed rgb(69,214,237)
```
#3ddcf5
```
#3ddcf5 rgb(61,220,245)
```
#35e1fd
```
#35e1fd rgb(53,225,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#98b5ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c6e2 Protanopia 1% of men
#c0c3f5 Deuteranopia 1% of men
#4ad9e8 Tritanopia 0.001% of the population

Trichromacy

#94cbe6 Protanomaly 1% of men, 0.01% of women
#93caf2 Deuteranomaly 6% of men, 0.4% of women
#48d7ea Tritanomaly 0.01% of the population

#45d6ed hex color

#45d6ed Color Information

#45d6ed Color Conversion

Color Schemes with #45d6ed

Alternatives to #45d6ed

#45d6ed Preview

Shades and Tints of #45d6ed

Tones of #45d6ed

Color Blindness Simulator