#45c1eb hex color

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

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

● #45c1eb color description : Bright blue.

The hexadecimal color #45c1eb has RGB values of R:69, G:193, B:235 and CMYK values of C:0.71, M:0.18, Y:0, K:0.08. Its decimal value is 4571627.

Hex triplet	45c1eb	`#45c1eb`
RGB Decimal	69, 193, 235	`rgb(69,193,235)`
RGB Percent	27.1, 75.7, 92.2	`rgb(27.1%,75.7%,92.2%)`
CMYK	71, 18, 0, 8
HSL	195.2°, 80.6, 59.6	`hsl(195.2,80.6%,59.6%)`
HSV (or HSB)	195.2°, 70.6, 92.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.155, -20.805, -30.751
XYZ	36.516, 45.4, 85.431
xyY	0.218, 0.271, 45.4
CIE-LCH	73.155, 37.128, 235.919
CIE-LUV	73.155, -45.505, -46.359
Hunter-Lab	67.38, -21.178, -28.009
Binary	01000101, 11000001, 11101011

#45c1eb
```
#45c1eb rgb(69,193,235)
```
#eb6f45
```
#eb6f45 rgb(235,111,69)
```

Complementary Color

#45ebc2
```
#45ebc2 rgb(69,235,194)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#456eeb
```
#456eeb rgb(69,110,235)
```

Analogous Color

#ebc245
```
#ebc245 rgb(235,194,69)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#eb456e
```
#eb456e rgb(235,69,110)
```

Split Complementary Color

#c1eb45
```
#c1eb45 rgb(193,235,69)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#eb45c1
```
#eb45c1 rgb(235,69,193)
```

Triadic Color

#45eb6f
```
#45eb6f rgb(69,235,111)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#eb45c1
```
#eb45c1 rgb(235,69,193)
```
#eb6f45
```
#eb6f45 rgb(235,111,69)
```

Tetradic Color

#169fcd
```
#169fcd rgb(22,159,205)
```
#19b1e4
```
#19b1e4 rgb(25,177,228)
```
#2eb9e9
```
#2eb9e9 rgb(46,185,233)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#5cc9ed
```
#5cc9ed rgb(92,201,237)
```
#73d0f0
```
#73d0f0 rgb(115,208,240)
```
#8ad8f2
```
#8ad8f2 rgb(138,216,242)
```

Monochromatic Color

Below, you can see some colors close to #45c1eb. 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)
```
#45ddeb
```
#45ddeb rgb(69,221,235)
```
#45cfeb
```
#45cfeb rgb(69,207,235)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#45b3eb
```
#45b3eb rgb(69,179,235)
```
#45a5eb
```
#45a5eb rgb(69,165,235)
```
#4598eb
```
#4598eb rgb(69,152,235)
```

Similar Colors

Text with hexadecimal color #45c1eb

This text has a font color of #45c1eb.

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

#45c1eb background color

This paragraph has a background color of #45c1eb.

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

#45c1eb border color

This element has a border color of #45c1eb.

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

CSS codes

.text {color:#45c1eb;}

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

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

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)
```
#0a4b61
```
#0a4b61 rgb(10,75,97)
```
#0c5973
```
#0c5973 rgb(12,89,115)
```
#0e6785
```
#0e6785 rgb(14,103,133)
```
#107597
```
#107597 rgb(16,117,151)
```
#1282a8
```
#1282a8 rgb(18,130,168)
```
#1490ba
```
#1490ba rgb(20,144,186)
```
#169ecc
```
#169ecc rgb(22,158,204)
```
#18abdd
```
#18abdd rgb(24,171,221)
```

Shade Color Variation

#22b5e7
```
#22b5e7 rgb(34,181,231)
```
#33bbe9
```
#33bbe9 rgb(51,187,233)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#57c7ed
```
#57c7ed rgb(87,199,237)
```
#68cdef
```
#68cdef rgb(104,205,239)
```
#7ad3f1
```
#7ad3f1 rgb(122,211,241)
```
#8cd9f3
```
#8cd9f3 rgb(140,217,243)
```
#9edff5
```
#9edff5 rgb(158,223,245)
```
#afe4f6
```
#afe4f6 rgb(175,228,246)
```
#c1eaf8
```
#c1eaf8 rgb(193,234,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 #35c9fb 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)
```
#6dadc3
```
#6dadc3 rgb(109,173,195)
```
#65b1cb
```
#65b1cb rgb(101,177,203)
```
#5db5d3
```
#5db5d3 rgb(93,181,211)
```
#55b9db
```
#55b9db rgb(85,185,219)
```
#4dbde3
```
#4dbde3 rgb(77,189,227)
```
#45c1eb
```
#45c1eb rgb(69,193,235)
```
#3dc5f3
```
#3dc5f3 rgb(61,197,243)
```
#35c9fb
```
#35c9fb rgb(53,201,251)
```

Tone Color Variation

Below, you can see how #45c1eb 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
#8fa7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb5e2 Protanopia 1% of men
#a5b5f1 Deuteranopia 1% of men
#3bc8d6 Tritanopia 0.001% of the population

Trichromacy

#86b9e5 Protanomaly 1% of men, 0.01% of women
#82b9ef Deuteranomaly 6% of men, 0.4% of women
#3ec5de Tritanomaly 0.01% of the population

#45c1eb hex color

#45c1eb Color Information

#45c1eb Color Conversion

Color Schemes with #45c1eb

Alternatives to #45c1eb

#45c1eb Preview

Shades and Tints of #45c1eb

Tones of #45c1eb

Color Blindness Simulator