#45e4eb hex color

In a RGB color space, hex #45e4eb is composed of 27.1% red, 89.4% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 3% magenta, 0% yellow and 7.8% black. It has a hue angle of 182.5 degrees, a saturation of 80.6% and a lightness of 59.6%. #45e4eb color hex could be obtained by blending #8affff with #00c9d7. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 89
- B 92
RGB color chart
- C 71
- M 3
- Y 0
- K 8
CMYK color chart

● #45e4eb color description : Bright cyan.

The hexadecimal color #45e4eb has RGB values of R:69, G:228, B:235 and CMYK values of C:0.71, M:0.03, Y:0, K:0.08. Its decimal value is 4580587.

Hex triplet	45e4eb	`#45e4eb`
RGB Decimal	69, 228, 235	`rgb(69,228,235)`
RGB Percent	27.1, 89.4, 92.2	`rgb(27.1%,89.4%,92.2%)`
CMYK	71, 3, 0, 8
HSL	182.5°, 80.6, 59.6	`hsl(182.5,80.6%,59.6%)`
HSV (or HSB)	182.5°, 70.6, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	83.309, -37.813, -15.302
XYZ	45.189, 62.746, 88.322
xyY	0.23, 0.32, 62.746
CIE-LCH	83.309, 40.792, 202.032
CIE-LUV	83.309, -57.824, -18.466
Hunter-Lab	79.212, -36.792, -10.66
Binary	01000101, 11100100, 11101011

#45e4eb
```
#45e4eb rgb(69,228,235)
```
#eb4c45
```
#eb4c45 rgb(235,76,69)
```

Complementary Color

#45eb9f
```
#45eb9f rgb(69,235,159)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#4591eb
```
#4591eb rgb(69,145,235)
```

Analogous Color

#eb9f45
```
#eb9f45 rgb(235,159,69)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#eb4591
```
#eb4591 rgb(235,69,145)
```

Split Complementary Color

#e4eb45
```
#e4eb45 rgb(228,235,69)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#eb45e4
```
#eb45e4 rgb(235,69,228)
```

Triadic Color

#45eb4c
```
#45eb4c rgb(69,235,76)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#eb45e4
```
#eb45e4 rgb(235,69,228)
```
#eb4c45
```
#eb4c45 rgb(235,76,69)
```

Tetradic Color

#16c6cd
```
#16c6cd rgb(22,198,205)
```
#19dce4
```
#19dce4 rgb(25,220,228)
```
#2ee1e9
```
#2ee1e9 rgb(46,225,233)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#5ce7ed
```
#5ce7ed rgb(92,231,237)
```
#73ebf0
```
#73ebf0 rgb(115,235,240)
```
#8aeef2
```
#8aeef2 rgb(138,238,242)
```

Monochromatic Color

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

#45ebc9
```
#45ebc9 rgb(69,235,201)
```
#45ebd6
```
#45ebd6 rgb(69,235,214)
```
#45ebe4
```
#45ebe4 rgb(69,235,228)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#45d6eb
```
#45d6eb rgb(69,214,235)
```
#45c8eb
```
#45c8eb rgb(69,200,235)
```
#45bbeb
```
#45bbeb rgb(69,187,235)
```

Similar Colors

Text with hexadecimal color #45e4eb

This text has a font color of #45e4eb.

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

#45e4eb background color

This paragraph has a background color of #45e4eb.

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

#45e4eb border color

This element has a border color of #45e4eb.

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

CSS codes

.text {color:#45e4eb;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#031a1b
```
#031a1b rgb(3,26,27)
```
#052b2c
```
#052b2c rgb(5,43,44)
```
#073c3e
```
#073c3e rgb(7,60,62)
```
#094d50
```
#094d50 rgb(9,77,80)
```
#0a5e61
```
#0a5e61 rgb(10,94,97)
```
#0c6f73
```
#0c6f73 rgb(12,111,115)
```
#0e8085
```
#0e8085 rgb(14,128,133)
```
#109197
```
#109197 rgb(16,145,151)
```
#12a2a8
```
#12a2a8 rgb(18,162,168)
```
#14b3ba
```
#14b3ba rgb(20,179,186)
```
#16c4cc
```
#16c4cc rgb(22,196,204)
```
#18d5dd
```
#18d5dd rgb(24,213,221)
```

Shade Color Variation

#22dfe7
```
#22dfe7 rgb(34,223,231)
```
#33e1e9
```
#33e1e9 rgb(51,225,233)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#57e7ed
```
#57e7ed rgb(87,231,237)
```
#68e9ef
```
#68e9ef rgb(104,233,239)
```
#7aecf1
```
#7aecf1 rgb(122,236,241)
```
#8ceef3
```
#8ceef3 rgb(140,238,243)
```
#9ef1f5
```
#9ef1f5 rgb(158,241,245)
```
#aff3f6
```
#aff3f6 rgb(175,243,246)
```
#c1f6f8
```
#c1f6f8 rgb(193,246,248)
```
#d3f9fa
```
#d3f9fa rgb(211,249,250)
```
#e4fbfc
```
#e4fbfc rgb(228,251,252)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```

Tint Color Variation

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

#949b9c
```
#949b9c rgb(148,155,156)
```
#8ca3a4
```
#8ca3a4 rgb(140,163,164)
```
#84aaac
```
#84aaac rgb(132,170,172)
```
#7cb1b4
```
#7cb1b4 rgb(124,177,180)
```
#75b8bb
```
#75b8bb rgb(117,184,187)
```
#6dc0c3
```
#6dc0c3 rgb(109,192,195)
```
#65c7cb
```
#65c7cb rgb(101,199,203)
```
#5dced3
```
#5dced3 rgb(93,206,211)
```
#55d5db
```
#55d5db rgb(85,213,219)
```
#4ddde3
```
#4ddde3 rgb(77,221,227)
```
#45e4eb
```
#45e4eb rgb(69,228,235)
```
#3debf3
```
#3debf3 rgb(61,235,243)
```
#35f3fb
```
#35f3fb rgb(53,243,251)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9fbec0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d0e0 Protanopia 1% of men
#d3cdf4 Deuteranopia 1% of men
#55e3f4 Tritanopia 0.001% of the population

Trichromacy

#9ed7e4 Protanomaly 1% of men, 0.01% of women
#9fd5f1 Deuteranomaly 6% of men, 0.4% of women
#4fe3f1 Tritanomaly 0.01% of the population

#45e4eb hex color

#45e4eb Color Information

#45e4eb Color Conversion

Color Schemes with #45e4eb

Alternatives to #45e4eb

#45e4eb Preview

Shades and Tints of #45e4eb

Tones of #45e4eb

Color Blindness Simulator