#45a1fc hex color

In a RGB color space, hex #45a1fc is composed of 27.1% red, 63.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 36.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 209.8 degrees, a saturation of 96.8% and a lightness of 62.9%. #45a1fc color hex could be obtained by blending #8affff with #0043f9. Closest websafe color is: #3399ff.

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

● #45a1fc color description : Bright blue.

The hexadecimal color #45a1fc has RGB values of R:69, G:161, B:252 and CMYK values of C:0.73, M:0.36, Y:0, K:0.01. Its decimal value is 4563452.

Hex triplet	45a1fc	`#45a1fc`
RGB Decimal	69, 161, 252	`rgb(69,161,252)`
RGB Percent	27.1, 63.1, 98.8	`rgb(27.1%,63.1%,98.8%)`
CMYK	73, 36, 0, 1
HSL	209.8°, 96.8, 62.9	`hsl(209.8,96.8%,62.9%)`
HSV (or HSB)	209.8°, 72.6, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.788, 2.363, -53.075
XYZ	32.766, 33.781, 96.884
xyY	0.2, 0.207, 33.781
CIE-LCH	64.788, 53.128, 272.55
CIE-LUV	64.788, -33.654, -85.99
Hunter-Lab	58.121, -1.083, -58.147
Binary	01000101, 10100001, 11111100

#45a1fc
```
#45a1fc rgb(69,161,252)
```
#fca045
```
#fca045 rgb(252,160,69)
```

Complementary Color

#45fcfc
```
#45fcfc rgb(69,252,252)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```
#4546fc
```
#4546fc rgb(69,70,252)
```

Analogous Color

#fcfc45
```
#fcfc45 rgb(252,252,69)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```
#fc4545
```
#fc4545 rgb(252,69,69)
```

Split Complementary Color

#a1fc45
```
#a1fc45 rgb(161,252,69)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```
#fc45a1
```
#fc45a1 rgb(252,69,161)
```

Triadic Color

#45fca0
```
#45fca0 rgb(69,252,160)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```
#fc45a1
```
#fc45a1 rgb(252,69,161)
```
#fca045
```
#fca045 rgb(252,160,69)
```

Tetradic Color

#047bf1
```
#047bf1 rgb(4,123,241)
```
#1388fb
```
#1388fb rgb(19,136,251)
```
#2c94fc
```
#2c94fc rgb(44,148,252)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```
#5eaefc
```
#5eaefc rgb(94,174,252)
```
#77bafd
```
#77bafd rgb(119,186,253)
```
#90c7fd
```
#90c7fd rgb(144,199,253)
```

Monochromatic Color

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

#45cffc
```
#45cffc rgb(69,207,252)
```
#45c0fc
```
#45c0fc rgb(69,192,252)
```
#45b0fc
```
#45b0fc rgb(69,176,252)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```
#4592fc
```
#4592fc rgb(69,146,252)
```
#4583fc
```
#4583fc rgb(69,131,252)
```
#4573fc
```
#4573fc rgb(69,115,252)
```

Similar Colors

Text with hexadecimal color #45a1fc

This text has a font color of #45a1fc.

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

#45a1fc background color

This paragraph has a background color of #45a1fc.

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

#45a1fc border color

This element has a border color of #45a1fc.

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

CSS codes

.text {color:#45a1fc;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#000d1a
```
#000d1a rgb(0,13,26)
```
#01172e
```
#01172e rgb(1,23,46)
```
#012141
```
#012141 rgb(1,33,65)
```
#012b54
```
#012b54 rgb(1,43,84)
```
#023568
```
#023568 rgb(2,53,104)
```
#023f7b
```
#023f7b rgb(2,63,123)
```
#02498e
```
#02498e rgb(2,73,142)
```
#0352a1
```
#0352a1 rgb(3,82,161)
```
#035cb5
```
#035cb5 rgb(3,92,181)
```
#0366c8
```
#0366c8 rgb(3,102,200)
```
#0470db
```
#0470db rgb(4,112,219)
```
#047aef
```
#047aef rgb(4,122,239)
```

Shade Color Variation

#0b84fb
```
#0b84fb rgb(11,132,251)
```
#1e8dfb
```
#1e8dfb rgb(30,141,251)
```
#3297fc
```
#3297fc rgb(50,151,252)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```
#58abfc
```
#58abfc rgb(88,171,252)
```
#6cb5fd
```
#6cb5fd rgb(108,181,253)
```
#7fbefd
```
#7fbefd rgb(127,190,253)
```
#92c8fd
```
#92c8fd rgb(146,200,253)
```
#a6d2fe
```
#a6d2fe rgb(166,210,254)
```
#b9dcfe
```
#b9dcfe rgb(185,220,254)
```
#cce5fe
```
#cce5fe rgb(204,229,254)
```
#dfeffe
```
#dfeffe rgb(223,239,254)
```
#f3f9ff
```
#f3f9ff rgb(243,249,255)
```

Tint Color Variation

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

#9ca1a5
```
#9ca1a5 rgb(156,161,165)
```
#95a1ac
```
#95a1ac rgb(149,161,172)
```
#8ea1b3
```
#8ea1b3 rgb(142,161,179)
```
#86a1bb
```
#86a1bb rgb(134,161,187)
```
#7fa1c2
```
#7fa1c2 rgb(127,161,194)
```
#78a1c9
```
#78a1c9 rgb(120,161,201)
```
#71a1d0
```
#71a1d0 rgb(113,161,208)
```
#69a1d8
```
#69a1d8 rgb(105,161,216)
```
#62a1df
```
#62a1df rgb(98,161,223)
```
#5ba1e6
```
#5ba1e6 rgb(91,161,230)
```
#54a1ed
```
#54a1ed rgb(84,161,237)
```
#4ca1f5
```
#4ca1f5 rgb(76,161,245)
```
#45a1fc
```
#45a1fc rgb(69,161,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#8193a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e9ff7 Protanopia 1% of men
#63a3fd Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#699ff8 Protanomaly 1% of men, 0.01% of women
#58a2fc Deuteranomaly 6% of men, 0.4% of women
#19abd4 Tritanomaly 0.01% of the population

#45a1fc hex color

#45a1fc Color Information

#45a1fc Color Conversion

Color Schemes with #45a1fc

Alternatives to #45a1fc

#45a1fc Preview

Shades and Tints of #45a1fc

Tones of #45a1fc

Color Blindness Simulator