#45defc hex color

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

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

● #45defc color description : Bright cyan.

The hexadecimal color #45defc has RGB values of R:69, G:222, B:252 and CMYK values of C:0.73, M:0.12, Y:0, K:0.01. Its decimal value is 4579068.

Hex triplet	45defc	`#45defc`
RGB Decimal	69, 222, 252	`rgb(69,222,252)`
RGB Percent	27.1, 87.1, 98.8	`rgb(27.1%,87.1%,98.8%)`
CMYK	73, 12, 0, 1
HSL	189.8°, 96.8, 62.9	`hsl(189.8,96.8%,62.9%)`
HSV (or HSB)	189.8°, 72.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.126, -29.994, -26.088
XYZ	46.141, 60.532, 101.342
xyY	0.222, 0.291, 60.532
CIE-LCH	82.126, 39.752, 221.017
CIE-LUV	82.126, -54.603, -37.718
Hunter-Lab	77.802, -30.293, -22.767
Binary	01000101, 11011110, 11111100

#45defc
```
#45defc rgb(69,222,252)
```
#fc6345
```
#fc6345 rgb(252,99,69)
```

Complementary Color

#45fcbf
```
#45fcbf rgb(69,252,191)
```
#45defc
```
#45defc rgb(69,222,252)
```
#4583fc
```
#4583fc rgb(69,131,252)
```

Analogous Color

#fcbf45
```
#fcbf45 rgb(252,191,69)
```
#45defc
```
#45defc rgb(69,222,252)
```
#fc4583
```
#fc4583 rgb(252,69,131)
```

Split Complementary Color

#defc45
```
#defc45 rgb(222,252,69)
```
#45defc
```
#45defc rgb(69,222,252)
```
#fc45de
```
#fc45de rgb(252,69,222)
```

Triadic Color

#45fc63
```
#45fc63 rgb(69,252,99)
```
#45defc
```
#45defc rgb(69,222,252)
```
#fc45de
```
#fc45de rgb(252,69,222)
```
#fc6345
```
#fc6345 rgb(252,99,69)
```

Tetradic Color

#04caf1
```
#04caf1 rgb(4,202,241)
```
#13d5fb
```
#13d5fb rgb(19,213,251)
```
#2cdafc
```
#2cdafc rgb(44,218,252)
```
#45defc
```
#45defc rgb(69,222,252)
```
#5ee2fc
```
#5ee2fc rgb(94,226,252)
```
#77e7fd
```
#77e7fd rgb(119,231,253)
```
#90ebfd
```
#90ebfd rgb(144,235,253)
```

Monochromatic Color

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

#45fcec
```
#45fcec rgb(69,252,236)
```
#45fcfc
```
#45fcfc rgb(69,252,252)
```
#45edfc
```
#45edfc rgb(69,237,252)
```
#45defc
```
#45defc rgb(69,222,252)
```
#45cffc
```
#45cffc rgb(69,207,252)
```
#45c0fc
```
#45c0fc rgb(69,192,252)
```
#45b0fc
```
#45b0fc rgb(69,176,252)
```

Similar Colors

Text with hexadecimal color #45defc

This text has a font color of #45defc.

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

#45defc background color

This paragraph has a background color of #45defc.

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

#45defc border color

This element has a border color of #45defc.

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

CSS codes

.text {color:#45defc;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#00161a
```
#00161a rgb(0,22,26)
```
#01262e
```
#01262e rgb(1,38,46)
```
#013641
```
#013641 rgb(1,54,65)
```
#014754
```
#014754 rgb(1,71,84)
```
#025768
```
#025768 rgb(2,87,104)
```
#02677b
```
#02677b rgb(2,103,123)
```
#02778e
```
#02778e rgb(2,119,142)
```
#0387a1
```
#0387a1 rgb(3,135,161)
```
#0398b5
```
#0398b5 rgb(3,152,181)
```
#03a8c8
```
#03a8c8 rgb(3,168,200)
```
#04b8db
```
#04b8db rgb(4,184,219)
```
#04c8ef
```
#04c8ef rgb(4,200,239)
```

Shade Color Variation

#0bd4fb
```
#0bd4fb rgb(11,212,251)
```
#1ed7fb
```
#1ed7fb rgb(30,215,251)
```
#32dbfc
```
#32dbfc rgb(50,219,252)
```
#45defc
```
#45defc rgb(69,222,252)
```
#58e1fc
```
#58e1fc rgb(88,225,252)
```
#6ce5fd
```
#6ce5fd rgb(108,229,253)
```
#7fe8fd
```
#7fe8fd rgb(127,232,253)
```
#92ecfd
```
#92ecfd rgb(146,236,253)
```
#a6effe
```
#a6effe rgb(166,239,254)
```
#b9f3fe
```
#b9f3fe rgb(185,243,254)
```
#ccf6fe
```
#ccf6fe rgb(204,246,254)
```
#dff9fe
```
#dff9fe rgb(223,249,254)
```
#f3fdff
```
#f3fdff rgb(243,253,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 #45defc is the most saturated one.

#9ca3a5
```
#9ca3a5 rgb(156,163,165)
```
#95a8ac
```
#95a8ac rgb(149,168,172)
```
#8eadb3
```
#8eadb3 rgb(142,173,179)
```
#86b2bb
```
#86b2bb rgb(134,178,187)
```
#7fb7c2
```
#7fb7c2 rgb(127,183,194)
```
#78bcc9
```
#78bcc9 rgb(120,188,201)
```
#71c1d0
```
#71c1d0 rgb(113,193,208)
```
#69c6d8
```
#69c6d8 rgb(105,198,216)
```
#62cadf
```
#62cadf rgb(98,202,223)
```
#5bcfe6
```
#5bcfe6 rgb(91,207,230)
```
#54d4ed
```
#54d4ed rgb(84,212,237)
```
#4cd9f5
```
#4cd9f5 rgb(76,217,245)
```
#45defc
```
#45defc rgb(69,222,252)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9ebcc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cdf0 Protanopia 1% of men
#c5cbff Deuteranopia 1% of men
#45e1f2 Tritanopia 0.001% of the population

Trichromacy

#97d3f4 Protanomaly 1% of men, 0.01% of women
#96d2fd Deuteranomaly 6% of men, 0.4% of women
#45e0f5 Tritanomaly 0.01% of the population

#45defc hex color

#45defc Color Information

#45defc Color Conversion

Color Schemes with #45defc

Alternatives to #45defc

#45defc Preview

Shades and Tints of #45defc

Tones of #45defc

Color Blindness Simulator