#45d1fc hex color

In a RGB color space, hex #45d1fc is composed of 27.1% red, 82% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 17.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 194.1 degrees, a saturation of 96.8% and a lightness of 62.9%. #45d1fc color hex could be obtained by blending #8affff with #00a3f9. 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

● #45d1fc color description : Bright cyan.

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

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

CIE-LAB	78.398, -23.585, -31.803
XYZ	42.821, 53.891, 100.235
xyY	0.217, 0.274, 53.891
CIE-LCH	78.398, 39.594, 233.44
CIE-LUV	78.398, -50.084, -48.18
Hunter-Lab	73.41, -24.348, -29.568
Binary	01000101, 11010001, 11111100

#45d1fc
```
#45d1fc rgb(69,209,252)
```
#fc7045
```
#fc7045 rgb(252,112,69)
```

Complementary Color

#45fccc
```
#45fccc rgb(69,252,204)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```
#4576fc
```
#4576fc rgb(69,118,252)
```

Analogous Color

#fccc45
```
#fccc45 rgb(252,204,69)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```
#fc4576
```
#fc4576 rgb(252,69,118)
```

Split Complementary Color

#d1fc45
```
#d1fc45 rgb(209,252,69)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```
#fc45d1
```
#fc45d1 rgb(252,69,209)
```

Triadic Color

#45fc70
```
#45fc70 rgb(69,252,112)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```
#fc45d1
```
#fc45d1 rgb(252,69,209)
```
#fc7045
```
#fc7045 rgb(252,112,69)
```

Tetradic Color

#04b9f1
```
#04b9f1 rgb(4,185,241)
```
#13c5fb
```
#13c5fb rgb(19,197,251)
```
#2ccbfc
```
#2ccbfc rgb(44,203,252)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```
#5ed7fc
```
#5ed7fc rgb(94,215,252)
```
#77ddfd
```
#77ddfd rgb(119,221,253)
```
#90e4fd
```
#90e4fd rgb(144,228,253)
```

Monochromatic Color

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

#45fcf9
```
#45fcf9 rgb(69,252,249)
```
#45f0fc
```
#45f0fc rgb(69,240,252)
```
#45e0fc
```
#45e0fc rgb(69,224,252)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```
#45c2fc
```
#45c2fc rgb(69,194,252)
```
#45b3fc
```
#45b3fc rgb(69,179,252)
```
#45a3fc
```
#45a3fc rgb(69,163,252)
```

Similar Colors

Text with hexadecimal color #45d1fc

This text has a font color of #45d1fc.

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

#45d1fc background color

This paragraph has a background color of #45d1fc.

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

#45d1fc border color

This element has a border color of #45d1fc.

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

CSS codes

.text {color:#45d1fc;}

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

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

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)
```
#014154
```
#014154 rgb(1,65,84)
```
#025068
```
#025068 rgb(2,80,104)
```
#025e7b
```
#025e7b rgb(2,94,123)
```
#026d8e
```
#026d8e rgb(2,109,142)
```
#037ca1
```
#037ca1 rgb(3,124,161)
```
#038bb5
```
#038bb5 rgb(3,139,181)
```
#039ac8
```
#039ac8 rgb(3,154,200)
```
#04a9db
```
#04a9db rgb(4,169,219)
```
#04b8ef
```
#04b8ef rgb(4,184,239)
```

Shade Color Variation

#0bc3fb
```
#0bc3fb rgb(11,195,251)
```
#1ec7fb
```
#1ec7fb rgb(30,199,251)
```
#32ccfc
```
#32ccfc rgb(50,204,252)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```
#58d6fc
```
#58d6fc rgb(88,214,252)
```
#6cdbfd
```
#6cdbfd rgb(108,219,253)
```
#7fdffd
```
#7fdffd rgb(127,223,253)
```
#92e4fd
```
#92e4fd rgb(146,228,253)
```
#a6e9fe
```
#a6e9fe rgb(166,233,254)
```
#b9eefe
```
#b9eefe rgb(185,238,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 #45d1fc is the most saturated one.

#9ca3a5
```
#9ca3a5 rgb(156,163,165)
```
#95a7ac
```
#95a7ac rgb(149,167,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)
```
#71bad0
```
#71bad0 rgb(113,186,208)
```
#69bed8
```
#69bed8 rgb(105,190,216)
```
#62c2df
```
#62c2df rgb(98,194,223)
```
#5bc5e6
```
#5bc5e6 rgb(91,197,230)
```
#54c9ed
```
#54c9ed rgb(84,201,237)
```
#4ccdf5
```
#4ccdf5 rgb(76,205,245)
```
#45d1fc
```
#45d1fc rgb(69,209,252)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#97b3bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c3f1 Protanopia 1% of men
#b3c2ff Deuteranopia 1% of men
#38d7e7 Tritanopia 0.001% of the population

Trichromacy

#8ec8f5 Protanomaly 1% of men, 0.01% of women
#8bc7fd Deuteranomaly 6% of men, 0.4% of women
#3dd4ee Tritanomaly 0.01% of the population

#45d1fc hex color

#45d1fc Color Information

#45d1fc Color Conversion

Color Schemes with #45d1fc

Alternatives to #45d1fc

#45d1fc Preview

Shades and Tints of #45d1fc

Tones of #45d1fc

Color Blindness Simulator