#45ecff hex color

In a RGB color space, hex #45ecff is composed of 27.1% red, 92.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 7.5% magenta, 0% yellow and 0% black. It has a hue angle of 186.1 degrees, a saturation of 100% and a lightness of 63.5%. #45ecff color hex could be obtained by blending #8affff with #00d9ff. Closest websafe color is: #33ffff.

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

● #45ecff color description : Light cyan.

The hexadecimal color #45ecff has RGB values of R:69, G:236, B:255 and CMYK values of C:0.73, M:0.07, Y:0, K:0. Its decimal value is 4582655.

Hex triplet	45ecff	`#45ecff`
RGB Decimal	69, 236, 255	`rgb(69,236,255)`
RGB Percent	27.1, 92.5, 100	`rgb(27.1%,92.5%,100%)`
CMYK	73, 7, 0, 0
HSL	186.1°, 100, 63.5	`hsl(186.1,100%,63.5%)`
HSV (or HSB)	186.1°, 72.9, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.242, -35.743, -21.414
XYZ	50.494, 68.471, 105.157
xyY	0.225, 0.306, 68.471
CIE-LCH	86.242, 41.667, 210.926
CIE-LUV	86.242, -59.251, -29.108
Hunter-Lab	82.747, -35.883, -17.424
Binary	01000101, 11101100, 11111111

#45ecff
```
#45ecff rgb(69,236,255)
```
#ff5845
```
#ff5845 rgb(255,88,69)
```

Complementary Color

#45ffb5
```
#45ffb5 rgb(69,255,181)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#458fff
```
#458fff rgb(69,143,255)
```

Analogous Color

#ffb545
```
#ffb545 rgb(255,181,69)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#ff458f
```
#ff458f rgb(255,69,143)
```

Split Complementary Color

#ecff45
```
#ecff45 rgb(236,255,69)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#ff45ec
```
#ff45ec rgb(255,69,236)
```

Triadic Color

#45ff58
```
#45ff58 rgb(69,255,88)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#ff45ec
```
#ff45ec rgb(255,69,236)
```
#ff5845
```
#ff5845 rgb(255,88,69)
```

Tetradic Color

#00def8
```
#00def8 rgb(0,222,248)
```
#12e7ff
```
#12e7ff rgb(18,231,255)
```
#2ce9ff
```
#2ce9ff rgb(44,233,255)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#5fefff
```
#5fefff rgb(95,239,255)
```
#78f1ff
```
#78f1ff rgb(120,241,255)
```
#92f4ff
```
#92f4ff rgb(146,244,255)
```

Monochromatic Color

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

#45ffe4
```
#45ffe4 rgb(69,255,228)
```
#45fff3
```
#45fff3 rgb(69,255,243)
```
#45fcff
```
#45fcff rgb(69,252,255)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#45ddff
```
#45ddff rgb(69,221,255)
```
#45cdff
```
#45cdff rgb(69,205,255)
```
#45beff
```
#45beff rgb(69,190,255)
```

Similar Colors

Text with hexadecimal color #45ecff

This text has a font color of #45ecff.

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

#45ecff background color

This paragraph has a background color of #45ecff.

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

#45ecff border color

This element has a border color of #45ecff.

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

CSS codes

.text {color:#45ecff;}

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

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

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, #00090a is the darkest color, while #f6feff is the lightest one.

#00090a
```
#00090a rgb(0,9,10)
```
#001b1e
```
#001b1e rgb(0,27,30)
```
#002c31
```
#002c31 rgb(0,44,49)
```
#003e45
```
#003e45 rgb(0,62,69)
```
#005059
```
#005059 rgb(0,80,89)
```
#00616c
```
#00616c rgb(0,97,108)
```
#007380
```
#007380 rgb(0,115,128)
```
#008493
```
#008493 rgb(0,132,147)
```
#0096a7
```
#0096a7 rgb(0,150,167)
```
#00a8bb
```
#00a8bb rgb(0,168,187)
```
#00b9ce
```
#00b9ce rgb(0,185,206)
```
#00cbe2
```
#00cbe2 rgb(0,203,226)
```
#00dcf6
```
#00dcf6 rgb(0,220,246)
```

Shade Color Variation

#0ae6ff
```
#0ae6ff rgb(10,230,255)
```
#1ee8ff
```
#1ee8ff rgb(30,232,255)
```
#31eaff
```
#31eaff rgb(49,234,255)
```
#45ecff
```
#45ecff rgb(69,236,255)
```
#59eeff
```
#59eeff rgb(89,238,255)
```
#6cf0ff
```
#6cf0ff rgb(108,240,255)
```
#80f2ff
```
#80f2ff rgb(128,242,255)
```
#93f4ff
```
#93f4ff rgb(147,244,255)
```
#a7f6ff
```
#a7f6ff rgb(167,246,255)
```
#bbf8ff
```
#bbf8ff rgb(187,248,255)
```
#cefaff
```
#cefaff rgb(206,250,255)
```
#e2fcff
```
#e2fcff rgb(226,252,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba8a9 is the less saturated color, while #45ecff is the most saturated one.

#9ba8a9
```
#9ba8a9 rgb(155,168,169)
```
#94adb0
```
#94adb0 rgb(148,173,176)
```
#8db3b7
```
#8db3b7 rgb(141,179,183)
```
#85b9bf
```
#85b9bf rgb(133,185,191)
```
#7ebec6
```
#7ebec6 rgb(126,190,198)
```
#77c4cd
```
#77c4cd rgb(119,196,205)
```
#70cad4
```
#70cad4 rgb(112,202,212)
```
#69d0db
```
#69d0db rgb(105,208,219)
```
#62d5e2
```
#62d5e2 rgb(98,213,226)
```
#5adbea
```
#5adbea rgb(90,219,234)
```
#53e1f1
```
#53e1f1 rgb(83,225,241)
```
#4ce6f8
```
#4ce6f8 rgb(76,230,248)
```
#45ecff
```
#45ecff rgb(69,236,255)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a4c6c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d8f2 Protanopia 1% of men
#d6d6ff Deuteranopia 1% of men
#4eedfe Tritanopia 0.001% of the population

Trichromacy

#a1dff7 Protanomaly 1% of men, 0.01% of women
#a1deff Deuteranomaly 6% of men, 0.4% of women
#4aecfe Tritanomaly 0.01% of the population

#45ecff hex color

#45ecff Color Information

#45ecff Color Conversion

Color Schemes with #45ecff

Alternatives to #45ecff

#45ecff Preview

Shades and Tints of #45ecff

Tones of #45ecff

Color Blindness Simulator