#45c2eb hex color

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

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

● #45c2eb color description : Bright cyan.

The hexadecimal color #45c2eb has RGB values of R:69, G:194, B:235 and CMYK values of C:0.71, M:0.17, Y:0, K:0.08. Its decimal value is 4571883.

Hex triplet	45c2eb	`#45c2eb`
RGB Decimal	69, 194, 235	`rgb(69,194,235)`
RGB Percent	27.1, 76.1, 92.2	`rgb(27.1%,76.1%,92.2%)`
CMYK	71, 17, 0, 8
HSL	194.8°, 80.6, 59.6	`hsl(194.8,80.6%,59.6%)`
HSV (or HSB)	194.8°, 70.6, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.444, -21.318, -30.305
XYZ	36.737, 45.844, 85.505
xyY	0.219, 0.273, 45.844
CIE-LCH	73.444, 37.052, 234.876
CIE-LUV	73.444, -45.858, -45.555
Hunter-Lab	67.708, -21.637, -27.479
Binary	01000101, 11000010, 11101011

#45c2eb
```
#45c2eb rgb(69,194,235)
```
#eb6e45
```
#eb6e45 rgb(235,110,69)
```

Complementary Color

#45ebc1
```
#45ebc1 rgb(69,235,193)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#456feb
```
#456feb rgb(69,111,235)
```

Analogous Color

#ebc145
```
#ebc145 rgb(235,193,69)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#eb456f
```
#eb456f rgb(235,69,111)
```

Split Complementary Color

#c2eb45
```
#c2eb45 rgb(194,235,69)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#eb45c2
```
#eb45c2 rgb(235,69,194)
```

Triadic Color

#45eb6e
```
#45eb6e rgb(69,235,110)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#eb45c2
```
#eb45c2 rgb(235,69,194)
```
#eb6e45
```
#eb6e45 rgb(235,110,69)
```

Tetradic Color

#16a0cd
```
#16a0cd rgb(22,160,205)
```
#19b2e4
```
#19b2e4 rgb(25,178,228)
```
#2ebae9
```
#2ebae9 rgb(46,186,233)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#5ccaed
```
#5ccaed rgb(92,202,237)
```
#73d1f0
```
#73d1f0 rgb(115,209,240)
```
#8ad9f2
```
#8ad9f2 rgb(138,217,242)
```

Monochromatic Color

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

#45ebeb
```
#45ebeb rgb(69,235,235)
```
#45deeb
```
#45deeb rgb(69,222,235)
```
#45d0eb
```
#45d0eb rgb(69,208,235)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#45b4eb
```
#45b4eb rgb(69,180,235)
```
#45a6eb
```
#45a6eb rgb(69,166,235)
```
#4599eb
```
#4599eb rgb(69,153,235)
```

Similar Colors

Text with hexadecimal color #45c2eb

This text has a font color of #45c2eb.

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

#45c2eb background color

This paragraph has a background color of #45c2eb.

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

#45c2eb border color

This element has a border color of #45c2eb.

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

CSS codes

.text {color:#45c2eb;}

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

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

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

#010709
```
#010709 rgb(1,7,9)
```
#03151b
```
#03151b rgb(3,21,27)
```
#05222c
```
#05222c rgb(5,34,44)
```
#07303e
```
#07303e rgb(7,48,62)
```
#093e50
```
#093e50 rgb(9,62,80)
```
#0a4c61
```
#0a4c61 rgb(10,76,97)
```
#0c5a73
```
#0c5a73 rgb(12,90,115)
```
#0e6885
```
#0e6885 rgb(14,104,133)
```
#107597
```
#107597 rgb(16,117,151)
```
#1283a8
```
#1283a8 rgb(18,131,168)
```
#1491ba
```
#1491ba rgb(20,145,186)
```
#169fcc
```
#169fcc rgb(22,159,204)
```
#18addd
```
#18addd rgb(24,173,221)
```

Shade Color Variation

#22b6e7
```
#22b6e7 rgb(34,182,231)
```
#33bce9
```
#33bce9 rgb(51,188,233)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#57c8ed
```
#57c8ed rgb(87,200,237)
```
#68ceef
```
#68ceef rgb(104,206,239)
```
#7ad3f1
```
#7ad3f1 rgb(122,211,241)
```
#8cd9f3
```
#8cd9f3 rgb(140,217,243)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#afe5f6
```
#afe5f6 rgb(175,229,246)
```
#c1ebf8
```
#c1ebf8 rgb(193,235,248)
```
#d3f0fa
```
#d3f0fa rgb(211,240,250)
```
#e4f6fc
```
#e4f6fc rgb(228,246,252)
```
#f6fcfe
```
#f6fcfe rgb(246,252,254)
```

Tint Color Variation

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

#949a9c
```
#949a9c rgb(148,154,156)
```
#8c9ea4
```
#8c9ea4 rgb(140,158,164)
```
#84a2ac
```
#84a2ac rgb(132,162,172)
```
#7ca6b4
```
#7ca6b4 rgb(124,166,180)
```
#75aabb
```
#75aabb rgb(117,170,187)
```
#6daec3
```
#6daec3 rgb(109,174,195)
```
#65b2cb
```
#65b2cb rgb(101,178,203)
```
#5db6d3
```
#5db6d3 rgb(93,182,211)
```
#55badb
```
#55badb rgb(85,186,219)
```
#4dbee3
```
#4dbee3 rgb(77,190,227)
```
#45c2eb
```
#45c2eb rgb(69,194,235)
```
#3dc6f3
```
#3dc6f3 rgb(61,198,243)
```
#35cafb
```
#35cafb rgb(53,202,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8fa8b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb6e2 Protanopia 1% of men
#a6b5f2 Deuteranopia 1% of men
#3bc8d7 Tritanopia 0.001% of the population

Trichromacy

#87bae5 Protanomaly 1% of men, 0.01% of women
#83baef Deuteranomaly 6% of men, 0.4% of women
#3fc6de Tritanomaly 0.01% of the population

#45c2eb hex color

#45c2eb Color Information

#45c2eb Color Conversion

Color Schemes with #45c2eb

Alternatives to #45c2eb

#45c2eb Preview

Shades and Tints of #45c2eb

Tones of #45c2eb

Color Blindness Simulator