#45d0fc hex color

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

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

● #45d0fc color description : Bright cyan.

The hexadecimal color #45d0fc has RGB values of R:69, G:208, B:252 and CMYK values of C:0.73, M:0.17, Y:0, K:0.01. Its decimal value is 4575484.

Hex triplet	45d0fc	`#45d0fc`
RGB Decimal	69, 208, 252	`rgb(69,208,252)`
RGB Percent	27.1, 81.6, 98.8	`rgb(27.1%,81.6%,98.8%)`
CMYK	73, 17, 0, 1
HSL	194.4°, 96.8, 62.9	`hsl(194.4,96.8%,62.9%)`
HSV (or HSB)	194.4°, 72.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.111, -23.081, -32.245
XYZ	42.576, 53.402, 100.154
xyY	0.217, 0.272, 53.402
CIE-LCH	78.111, 39.654, 234.404
CIE-LUV	78.111, -49.737, -48.987
Hunter-Lab	73.076, -23.885, -30.106
Binary	01000101, 11010000, 11111100

#45d0fc
```
#45d0fc rgb(69,208,252)
```
#fc7145
```
#fc7145 rgb(252,113,69)
```

Complementary Color

#45fccd
```
#45fccd rgb(69,252,205)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```
#4575fc
```
#4575fc rgb(69,117,252)
```

Analogous Color

#fccd45
```
#fccd45 rgb(252,205,69)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```
#fc4575
```
#fc4575 rgb(252,69,117)
```

Split Complementary Color

#d0fc45
```
#d0fc45 rgb(208,252,69)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```
#fc45d0
```
#fc45d0 rgb(252,69,208)
```

Triadic Color

#45fc71
```
#45fc71 rgb(69,252,113)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```
#fc45d0
```
#fc45d0 rgb(252,69,208)
```
#fc7145
```
#fc7145 rgb(252,113,69)
```

Tetradic Color

#04b8f1
```
#04b8f1 rgb(4,184,241)
```
#13c3fb
```
#13c3fb rgb(19,195,251)
```
#2ccafc
```
#2ccafc rgb(44,202,252)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```
#5ed6fc
```
#5ed6fc rgb(94,214,252)
```
#77ddfd
```
#77ddfd rgb(119,221,253)
```
#90e3fd
```
#90e3fd rgb(144,227,253)
```

Monochromatic Color

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

#45fcfa
```
#45fcfa rgb(69,252,250)
```
#45effc
```
#45effc rgb(69,239,252)
```
#45dffc
```
#45dffc rgb(69,223,252)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```
#45c1fc
```
#45c1fc rgb(69,193,252)
```
#45b2fc
```
#45b2fc rgb(69,178,252)
```
#45a2fc
```
#45a2fc rgb(69,162,252)
```

Similar Colors

Text with hexadecimal color #45d0fc

This text has a font color of #45d0fc.

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

#45d0fc background color

This paragraph has a background color of #45d0fc.

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

#45d0fc border color

This element has a border color of #45d0fc.

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

CSS codes

.text {color:#45d0fc;}

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

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

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)
```
#01232e
```
#01232e rgb(1,35,46)
```
#013241
```
#013241 rgb(1,50,65)
```
#014054
```
#014054 rgb(1,64,84)
```
#024f68
```
#024f68 rgb(2,79,104)
```
#025e7b
```
#025e7b rgb(2,94,123)
```
#026d8e
```
#026d8e rgb(2,109,142)
```
#037ba1
```
#037ba1 rgb(3,123,161)
```
#038ab5
```
#038ab5 rgb(3,138,181)
```
#0399c8
```
#0399c8 rgb(3,153,200)
```
#04a7db
```
#04a7db rgb(4,167,219)
```
#04b6ef
```
#04b6ef rgb(4,182,239)
```

Shade Color Variation

#0bc1fb
```
#0bc1fb rgb(11,193,251)
```
#1ec6fb
```
#1ec6fb rgb(30,198,251)
```
#32cbfc
```
#32cbfc rgb(50,203,252)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```
#58d5fc
```
#58d5fc rgb(88,213,252)
```
#6cdafd
```
#6cdafd rgb(108,218,253)
```
#7fdffd
```
#7fdffd rgb(127,223,253)
```
#92e4fd
```
#92e4fd rgb(146,228,253)
```
#a6e8fe
```
#a6e8fe rgb(166,232,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 #45d0fc is the most saturated one.

#9ca3a5
```
#9ca3a5 rgb(156,163,165)
```
#95a6ac
```
#95a6ac rgb(149,166,172)
```
#8eaab3
```
#8eaab3 rgb(142,170,179)
```
#86aebb
```
#86aebb rgb(134,174,187)
```
#7fb2c2
```
#7fb2c2 rgb(127,178,194)
```
#78b6c9
```
#78b6c9 rgb(120,182,201)
```
#71b9d0
```
#71b9d0 rgb(113,185,208)
```
#69bdd8
```
#69bdd8 rgb(105,189,216)
```
#62c1df
```
#62c1df rgb(98,193,223)
```
#5bc5e6
```
#5bc5e6 rgb(91,197,230)
```
#54c8ed
```
#54c8ed rgb(84,200,237)
```
#4cccf5
```
#4cccf5 rgb(76,204,245)
```
#45d0fc
```
#45d0fc rgb(69,208,252)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#97b2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c2f1 Protanopia 1% of men
#b2c2ff Deuteranopia 1% of men
#37d6e6 Tritanopia 0.001% of the population

Trichromacy

#8ec7f5 Protanomaly 1% of men, 0.01% of women
#8ac7fd Deuteranomaly 6% of men, 0.4% of women
#3cd4ee Tritanomaly 0.01% of the population

#45d0fc hex color

#45d0fc Color Information

#45d0fc Color Conversion

Color Schemes with #45d0fc

Alternatives to #45d0fc

#45d0fc Preview

Shades and Tints of #45d0fc

Tones of #45d0fc

Color Blindness Simulator