#45c3ec hex color

In a RGB color space, hex #45c3ec is composed of 27.1% red, 76.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 17.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 194.7 degrees, a saturation of 81.5% and a lightness of 59.8%. #45c3ec color hex could be obtained by blending #8affff with #0087d9. Closest websafe color is: #33ccff.

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

● #45c3ec color description : Bright cyan.

The hexadecimal color #45c3ec has RGB values of R:69, G:195, B:236 and CMYK values of C:0.71, M:0.17, Y:0, K:0.07. Its decimal value is 4572140.

Hex triplet	45c3ec	`#45c3ec`
RGB Decimal	69, 195, 236	`rgb(69,195,236)`
RGB Percent	27.1, 76.5, 92.5	`rgb(27.1%,76.5%,92.5%)`
CMYK	71, 17, 0, 7
HSL	194.7°, 81.5, 59.8	`hsl(194.7,81.5%,59.8%)`
HSV (or HSB)	194.7°, 70.8, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.771, -21.514, -30.342
XYZ	37.106, 46.348, 86.343
xyY	0.219, 0.273, 46.348
CIE-LCH	73.771, 37.195, 234.661
CIE-LUV	73.771, -46.152, -45.616
Hunter-Lab	68.08, -21.851, -27.54
Binary	01000101, 11000011, 11101100

#45c3ec
```
#45c3ec rgb(69,195,236)
```
#ec6e45
```
#ec6e45 rgb(236,110,69)
```

Complementary Color

#45ecc2
```
#45ecc2 rgb(69,236,194)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#4570ec
```
#4570ec rgb(69,112,236)
```

Analogous Color

#ecc245
```
#ecc245 rgb(236,194,69)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#ec4570
```
#ec4570 rgb(236,69,112)
```

Split Complementary Color

#c3ec45
```
#c3ec45 rgb(195,236,69)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#ec45c3
```
#ec45c3 rgb(236,69,195)
```

Triadic Color

#45ec6e
```
#45ec6e rgb(69,236,110)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#ec45c3
```
#ec45c3 rgb(236,69,195)
```
#ec6e45
```
#ec6e45 rgb(236,110,69)
```

Tetradic Color

#15a2cf
```
#15a2cf rgb(21,162,207)
```
#18b4e6
```
#18b4e6 rgb(24,180,230)
```
#2ebcea
```
#2ebcea rgb(46,188,234)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#5ccaee
```
#5ccaee rgb(92,202,238)
```
#73d2f1
```
#73d2f1 rgb(115,210,241)
```
#8ad9f3
```
#8ad9f3 rgb(138,217,243)
```

Monochromatic Color

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

#45eceb
```
#45eceb rgb(69,236,235)
```
#45dfec
```
#45dfec rgb(69,223,236)
```
#45d1ec
```
#45d1ec rgb(69,209,236)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#45b5ec
```
#45b5ec rgb(69,181,236)
```
#45a7ec
```
#45a7ec rgb(69,167,236)
```
#4599ec
```
#4599ec rgb(69,153,236)
```

Similar Colors

Text with hexadecimal color #45c3ec

This text has a font color of #45c3ec.

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

#45c3ec background color

This paragraph has a background color of #45c3ec.

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

#45c3ec border color

This element has a border color of #45c3ec.

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

CSS codes

.text {color:#45c3ec;}

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

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

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

#01080a
```
#01080a rgb(1,8,10)
```
#03151c
```
#03151c rgb(3,21,28)
```
#05232d
```
#05232d rgb(5,35,45)
```
#06313f
```
#06313f rgb(6,49,63)
```
#083f51
```
#083f51 rgb(8,63,81)
```
#0a4d63
```
#0a4d63 rgb(10,77,99)
```
#0c5b75
```
#0c5b75 rgb(12,91,117)
```
#0e6986
```
#0e6986 rgb(14,105,134)
```
#107798
```
#107798 rgb(16,119,152)
```
#1184aa
```
#1184aa rgb(17,132,170)
```
#1392bc
```
#1392bc rgb(19,146,188)
```
#15a0ce
```
#15a0ce rgb(21,160,206)
```
#17aedf
```
#17aedf rgb(23,174,223)
```

Shade Color Variation

#21b8e8
```
#21b8e8 rgb(33,184,232)
```
#33bdea
```
#33bdea rgb(51,189,234)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#57c9ee
```
#57c9ee rgb(87,201,238)
```
#69cef0
```
#69cef0 rgb(105,206,240)
```
#7ad4f1
```
#7ad4f1 rgb(122,212,241)
```
#8cdaf3
```
#8cdaf3 rgb(140,218,243)
```
#9ee0f5
```
#9ee0f5 rgb(158,224,245)
```
#b0e5f7
```
#b0e5f7 rgb(176,229,247)
```
#c2ebf9
```
#c2ebf9 rgb(194,235,249)
```
#d3f1fb
```
#d3f1fb rgb(211,241,251)
```
#e5f7fc
```
#e5f7fc rgb(229,247,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#949b9d
```
#949b9d rgb(148,155,157)
```
#8c9fa5
```
#8c9fa5 rgb(140,159,165)
```
#84a3ad
```
#84a3ad rgb(132,163,173)
```
#7ca7b5
```
#7ca7b5 rgb(124,167,181)
```
#74abbd
```
#74abbd rgb(116,171,189)
```
#6cafc5
```
#6cafc5 rgb(108,175,197)
```
#65b3cc
```
#65b3cc rgb(101,179,204)
```
#5db7d4
```
#5db7d4 rgb(93,183,212)
```
#55bbdc
```
#55bbdc rgb(85,187,220)
```
#4dbfe4
```
#4dbfe4 rgb(77,191,228)
```
#45c3ec
```
#45c3ec rgb(69,195,236)
```
#3dc7f4
```
#3dc7f4 rgb(61,199,244)
```
#35cbfc
```
#35cbfc rgb(53,203,252)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8fa9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb7e3 Protanopia 1% of men
#a7b6f3 Deuteranopia 1% of men
#3bc9d8 Tritanopia 0.001% of the population

Trichromacy

#87bbe6 Protanomaly 1% of men, 0.01% of women
#83bbf0 Deuteranomaly 6% of men, 0.4% of women
#3fc7df Tritanomaly 0.01% of the population

#45c3ec hex color

#45c3ec Color Information

#45c3ec Color Conversion

Color Schemes with #45c3ec

Alternatives to #45c3ec

#45c3ec Preview

Shades and Tints of #45c3ec

Tones of #45c3ec

Color Blindness Simulator