#45cefc hex color

In a RGB color space, hex #45cefc is composed of 27.1% red, 80.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 18.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 195.1 degrees, a saturation of 96.8% and a lightness of 62.9%. #45cefc color hex could be obtained by blending #8affff with #009df9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 81
- B 99
RGB color chart
- C 73
- M 18
- Y 0
- K 1
CMYK color chart

● #45cefc color description : Bright blue.

The hexadecimal color #45cefc has RGB values of R:69, G:206, B:252 and CMYK values of C:0.73, M:0.18, Y:0, K:0.01. Its decimal value is 4574972.

Hex triplet	45cefc	`#45cefc`
RGB Decimal	69, 206, 252	`rgb(69,206,252)`
RGB Percent	27.1, 80.8, 98.8	`rgb(27.1%,80.8%,98.8%)`
CMYK	73, 18, 0, 1
HSL	195.1°, 96.8, 62.9	`hsl(195.1,96.8%,62.9%)`
HSV (or HSB)	195.1°, 72.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.539, -22.069, -33.127
XYZ	42.092, 52.432, 99.992
xyY	0.216, 0.27, 52.432
CIE-LCH	77.539, 39.806, 236.329
CIE-LUV	77.539, -49.042, -50.6
Hunter-Lab	72.41, -22.957, -31.187
Binary	01000101, 11001110, 11111100

#45cefc
```
#45cefc rgb(69,206,252)
```
#fc7345
```
#fc7345 rgb(252,115,69)
```

Complementary Color

#45fccf
```
#45fccf rgb(69,252,207)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#4573fc
```
#4573fc rgb(69,115,252)
```

Analogous Color

#fccf45
```
#fccf45 rgb(252,207,69)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#fc4573
```
#fc4573 rgb(252,69,115)
```

Split Complementary Color

#cefc45
```
#cefc45 rgb(206,252,69)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#fc45ce
```
#fc45ce rgb(252,69,206)
```

Triadic Color

#45fc73
```
#45fc73 rgb(69,252,115)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#fc45ce
```
#fc45ce rgb(252,69,206)
```
#fc7345
```
#fc7345 rgb(252,115,69)
```

Tetradic Color

#04b5f1
```
#04b5f1 rgb(4,181,241)
```
#13c1fb
```
#13c1fb rgb(19,193,251)
```
#2cc7fc
```
#2cc7fc rgb(44,199,252)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#5ed5fc
```
#5ed5fc rgb(94,213,252)
```
#77dbfd
```
#77dbfd rgb(119,219,253)
```
#90e2fd
```
#90e2fd rgb(144,226,253)
```

Monochromatic Color

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

#45fcfc
```
#45fcfc rgb(69,252,252)
```
#45edfc
```
#45edfc rgb(69,237,252)
```
#45ddfc
```
#45ddfc rgb(69,221,252)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#45bffc
```
#45bffc rgb(69,191,252)
```
#45b0fc
```
#45b0fc rgb(69,176,252)
```
#45a0fc
```
#45a0fc rgb(69,160,252)
```

Similar Colors

Text with hexadecimal color #45cefc

This text has a font color of #45cefc.

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

#45cefc background color

This paragraph has a background color of #45cefc.

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

#45cefc border color

This element has a border color of #45cefc.

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

CSS codes

.text {color:#45cefc;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00141a
```
#00141a rgb(0,20,26)
```
#01222e
```
#01222e rgb(1,34,46)
```
#013141
```
#013141 rgb(1,49,65)
```
#013f54
```
#013f54 rgb(1,63,84)
```
#024e68
```
#024e68 rgb(2,78,104)
```
#025c7b
```
#025c7b rgb(2,92,123)
```
#026b8e
```
#026b8e rgb(2,107,142)
```
#037aa1
```
#037aa1 rgb(3,122,161)
```
#0388b5
```
#0388b5 rgb(3,136,181)
```
#0397c8
```
#0397c8 rgb(3,151,200)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#04b4ef
```
#04b4ef rgb(4,180,239)
```

Shade Color Variation

#0bbffb
```
#0bbffb rgb(11,191,251)
```
#1ec4fb
```
#1ec4fb rgb(30,196,251)
```
#32c9fc
```
#32c9fc rgb(50,201,252)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#58d3fc
```
#58d3fc rgb(88,211,252)
```
#6cd8fd
```
#6cd8fd rgb(108,216,253)
```
#7fddfd
```
#7fddfd rgb(127,221,253)
```
#92e2fd
```
#92e2fd rgb(146,226,253)
```
#a6e7fe
```
#a6e7fe rgb(166,231,254)
```
#b9edfe
```
#b9edfe rgb(185,237,254)
```
#ccf2fe
```
#ccf2fe rgb(204,242,254)
```
#dff7fe
```
#dff7fe rgb(223,247,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca3a5 is the less saturated color, while #45cefc is the most saturated one.

#9ca3a5
```
#9ca3a5 rgb(156,163,165)
```
#95a6ac
```
#95a6ac rgb(149,166,172)
```
#8eaab3
```
#8eaab3 rgb(142,170,179)
```
#86adbb
```
#86adbb rgb(134,173,187)
```
#7fb1c2
```
#7fb1c2 rgb(127,177,194)
```
#78b5c9
```
#78b5c9 rgb(120,181,201)
```
#71b8d0
```
#71b8d0 rgb(113,184,208)
```
#69bcd8
```
#69bcd8 rgb(105,188,216)
```
#62c0df
```
#62c0df rgb(98,192,223)
```
#5bc3e6
```
#5bc3e6 rgb(91,195,230)
```
#54c7ed
```
#54c7ed rgb(84,199,237)
```
#4ccaf5
```
#4ccaf5 rgb(76,202,245)
```
#45cefc
```
#45cefc rgb(69,206,252)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#96b1ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c0f1 Protanopia 1% of men
#afc0ff Deuteranopia 1% of men
#35d4e4 Tritanopia 0.001% of the population

Trichromacy

#8cc5f5 Protanomaly 1% of men, 0.01% of women
#88c5fd Deuteranomaly 6% of men, 0.4% of women
#3bd2ed Tritanomaly 0.01% of the population

#45cefc hex color

#45cefc Color Information

#45cefc Color Conversion

Color Schemes with #45cefc

Alternatives to #45cefc

#45cefc Preview

Shades and Tints of #45cefc

Tones of #45cefc

Color Blindness Simulator