#45cbef hex color

In a RGB color space, hex #45cbef is composed of 27.1% red, 79.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 15.1% magenta, 0% yellow and 6.3% black. It has a hue angle of 192.7 degrees, a saturation of 84.2% and a lightness of 60.4%. #45cbef color hex could be obtained by blending #8affff with #0097df. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 80
- B 94
RGB color chart
- C 71
- M 15
- Y 0
- K 6
CMYK color chart

● #45cbef color description : Bright cyan.

The hexadecimal color #45cbef has RGB values of R:69, G:203, B:239 and CMYK values of C:0.71, M:0.15, Y:0, K:0.06. Its decimal value is 4574191.

Hex triplet	45cbef	`#45cbef`
RGB Decimal	69, 203, 239	`rgb(69,203,239)`
RGB Percent	27.1, 79.6, 93.7	`rgb(27.1%,79.6%,93.7%)`
CMYK	71, 15, 0, 6
HSL	192.7°, 84.2, 60.4	`hsl(192.7,84.2%,60.4%)`
HSV (or HSB)	192.7°, 71.1, 93.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.195, -24.626, -28.232
XYZ	39.386, 50.206, 89.272
xyY	0.22, 0.281, 50.206
CIE-LCH	76.195, 37.463, 228.902
CIE-LUV	76.195, -48.788, -41.778
Hunter-Lab	70.856, -24.777, -25.1
Binary	01000101, 11001011, 11101111

#45cbef
```
#45cbef rgb(69,203,239)
```
#ef6945
```
#ef6945 rgb(239,105,69)
```

Complementary Color

#45efbe
```
#45efbe rgb(69,239,190)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#4576ef
```
#4576ef rgb(69,118,239)
```

Analogous Color

#efbe45
```
#efbe45 rgb(239,190,69)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#ef4576
```
#ef4576 rgb(239,69,118)
```

Split Complementary Color

#cbef45
```
#cbef45 rgb(203,239,69)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#ef45cb
```
#ef45cb rgb(239,69,203)
```

Triadic Color

#45ef69
```
#45ef69 rgb(69,239,105)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#ef45cb
```
#ef45cb rgb(239,69,203)
```
#ef6945
```
#ef6945 rgb(239,105,69)
```

Tetradic Color

#12acd5
```
#12acd5 rgb(18,172,213)
```
#16beeb
```
#16beeb rgb(22,190,235)
```
#2ec4ed
```
#2ec4ed rgb(46,196,237)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#5cd2f1
```
#5cd2f1 rgb(92,210,241)
```
#74d8f3
```
#74d8f3 rgb(116,216,243)
```
#8bdff5
```
#8bdff5 rgb(139,223,245)
```

Monochromatic Color

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

#45efe9
```
#45efe9 rgb(69,239,233)
```
#45e7ef
```
#45e7ef rgb(69,231,239)
```
#45d9ef
```
#45d9ef rgb(69,217,239)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#45bdef
```
#45bdef rgb(69,189,239)
```
#45afef
```
#45afef rgb(69,175,239)
```
#45a1ef
```
#45a1ef rgb(69,161,239)
```

Similar Colors

Text with hexadecimal color #45cbef

This text has a font color of #45cbef.

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

#45cbef background color

This paragraph has a background color of #45cbef.

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

#45cbef border color

This element has a border color of #45cbef.

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

CSS codes

.text {color:#45cbef;}

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

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

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, #010a0d is the darkest color, while #fafdff is the lightest one.

#010a0d
```
#010a0d rgb(1,10,13)
```
#03191f
```
#03191f rgb(3,25,31)
```
#042731
```
#042731 rgb(4,39,49)
```
#063643
```
#063643 rgb(6,54,67)
```
#074455
```
#074455 rgb(7,68,85)
```
#095367
```
#095367 rgb(9,83,103)
```
#0a6279
```
#0a6279 rgb(10,98,121)
```
#0c708b
```
#0c708b rgb(12,112,139)
```
#0e7f9d
```
#0e7f9d rgb(14,127,157)
```
#0f8daf
```
#0f8daf rgb(15,141,175)
```
#119cc1
```
#119cc1 rgb(17,156,193)
```
#12aad3
```
#12aad3 rgb(18,170,211)
```
#14b9e5
```
#14b9e5 rgb(20,185,229)
```

Shade Color Variation

#21c1ec
```
#21c1ec rgb(33,193,236)
```
#33c6ed
```
#33c6ed rgb(51,198,237)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#57d0f1
```
#57d0f1 rgb(87,208,241)
```
#69d5f2
```
#69d5f2 rgb(105,213,242)
```
#7bdaf4
```
#7bdaf4 rgb(123,218,244)
```
#8ddff5
```
#8ddff5 rgb(141,223,245)
```
#9fe4f7
```
#9fe4f7 rgb(159,228,247)
```
#b1e9f8
```
#b1e9f8 rgb(177,233,248)
```
#c3eefa
```
#c3eefa rgb(195,238,250)
```
#d5f3fb
```
#d5f3fb rgb(213,243,251)
```
#e8f8fd
```
#e8f8fd rgb(232,248,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#939ea1
```
#939ea1 rgb(147,158,161)
```
#8ba3a9
```
#8ba3a9 rgb(139,163,169)
```
#83a7b1
```
#83a7b1 rgb(131,167,177)
```
#7bacb9
```
#7bacb9 rgb(123,172,185)
```
#74b0c0
```
#74b0c0 rgb(116,176,192)
```
#6cb5c8
```
#6cb5c8 rgb(108,181,200)
```
#64b9d0
```
#64b9d0 rgb(100,185,208)
```
#5cbed8
```
#5cbed8 rgb(92,190,216)
```
#55c2df
```
#55c2df rgb(85,194,223)
```
#4dc7e7
```
#4dc7e7 rgb(77,199,231)
```
#45cbef
```
#45cbef rgb(69,203,239)
```
#3dcff7
```
#3dcff7 rgb(61,207,247)
```
#35d4ff
```
#35d4ff rgb(53,212,255)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#93aeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bde5 Protanopia 1% of men
#b1bcf6 Deuteranopia 1% of men
#40d0df Tritanopia 0.001% of the population

Trichromacy

#8cc2e9 Protanomaly 1% of men, 0.01% of women
#89c1f3 Deuteranomaly 6% of men, 0.4% of women
#41cee5 Tritanomaly 0.01% of the population

#45cbef hex color

#45cbef Color Information

#45cbef Color Conversion

Color Schemes with #45cbef

Alternatives to #45cbef

#45cbef Preview

Shades and Tints of #45cbef

Tones of #45cbef

Color Blindness Simulator