#45c1fa hex color

In a RGB color space, hex #45c1fa is composed of 27.1% red, 75.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 22.8% magenta, 0% yellow and 2% black. It has a hue angle of 198.9 degrees, a saturation of 94.8% and a lightness of 62.5%. #45c1fa color hex could be obtained by blending #8affff with #0083f5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 76
- B 98
RGB color chart
- C 72
- M 23
- Y 0
- K 2
CMYK color chart

● #45c1fa color description : Bright blue.

The hexadecimal color #45c1fa has RGB values of R:69, G:193, B:250 and CMYK values of C:0.72, M:0.23, Y:0, K:0.02. Its decimal value is 4571642.

Hex triplet	45c1fa	`#45c1fa`
RGB Decimal	69, 193, 250	`rgb(69,193,250)`
RGB Percent	27.1, 75.7, 98	`rgb(27.1%,75.7%,98%)`
CMYK	72, 23, 0, 2
HSL	198.9°, 94.8, 62.5	`hsl(198.9,94.8%,62.5%)`
HSV (or HSB)	198.9°, 72.4, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.742, -15.99, -37.933
XYZ	38.775, 46.304, 97.331
xyY	0.213, 0.254, 46.304
CIE-LCH	73.742, 41.166, 247.142
CIE-LUV	73.742, -44.645, -59.336
Hunter-Lab	68.047, -17.368, -37.173
Binary	01000101, 11000001, 11111010

#45c1fa
```
#45c1fa rgb(69,193,250)
```
#fa7e45
```
#fa7e45 rgb(250,126,69)
```

Complementary Color

#45fad9
```
#45fad9 rgb(69,250,217)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#4567fa
```
#4567fa rgb(69,103,250)
```

Analogous Color

#fad945
```
#fad945 rgb(250,217,69)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#fa4567
```
#fa4567 rgb(250,69,103)
```

Split Complementary Color

#c1fa45
```
#c1fa45 rgb(193,250,69)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#fa45c1
```
#fa45c1 rgb(250,69,193)
```

Triadic Color

#45fa7e
```
#45fa7e rgb(69,250,126)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#fa45c1
```
#fa45c1 rgb(250,69,193)
```
#fa7e45
```
#fa7e45 rgb(250,126,69)
```

Tetradic Color

#06a4ec
```
#06a4ec rgb(6,164,236)
```
#13b0f9
```
#13b0f9 rgb(19,176,249)
```
#2cb9f9
```
#2cb9f9 rgb(44,185,249)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#5ec9fb
```
#5ec9fb rgb(94,201,251)
```
#77d2fb
```
#77d2fb rgb(119,210,251)
```
#8fdafc
```
#8fdafc rgb(143,218,252)
```

Monochromatic Color

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

#45eefa
```
#45eefa rgb(69,238,250)
```
#45dffa
```
#45dffa rgb(69,223,250)
```
#45d0fa
```
#45d0fa rgb(69,208,250)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#45b2fa
```
#45b2fa rgb(69,178,250)
```
#45a3fa
```
#45a3fa rgb(69,163,250)
```
#4594fa
```
#4594fa rgb(69,148,250)
```

Similar Colors

Text with hexadecimal color #45c1fa

This text has a font color of #45c1fa.

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

#45c1fa background color

This paragraph has a background color of #45c1fa.

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

#45c1fa border color

This element has a border color of #45c1fa.

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

CSS codes

.text {color:#45c1fa;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#011118
```
#011118 rgb(1,17,24)
```
#011e2b
```
#011e2b rgb(1,30,43)
```
#022b3e
```
#022b3e rgb(2,43,62)
```
#023851
```
#023851 rgb(2,56,81)
```
#034665
```
#034665 rgb(3,70,101)
```
#035378
```
#035378 rgb(3,83,120)
```
#04608b
```
#04608b rgb(4,96,139)
```
#046d9e
```
#046d9e rgb(4,109,158)
```
#057bb1
```
#057bb1 rgb(5,123,177)
```
#0588c4
```
#0588c4 rgb(5,136,196)
```
#0695d7
```
#0695d7 rgb(6,149,215)
```
#06a2ea
```
#06a2ea rgb(6,162,234)
```

Shade Color Variation

#0caef8
```
#0caef8 rgb(12,174,248)
```
#1fb4f9
```
#1fb4f9 rgb(31,180,249)
```
#32bbf9
```
#32bbf9 rgb(50,187,249)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```
#58c7fb
```
#58c7fb rgb(88,199,251)
```
#6bcefb
```
#6bcefb rgb(107,206,251)
```
#7ed4fc
```
#7ed4fc rgb(126,212,252)
```
#91dafc
```
#91dafc rgb(145,218,252)
```
#a5e1fd
```
#a5e1fd rgb(165,225,253)
```
#b8e7fd
```
#b8e7fd rgb(184,231,253)
```
#cbeefe
```
#cbeefe rgb(203,238,254)
```
#def4fe
```
#def4fe rgb(222,244,254)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#9da0a2
```
#9da0a2 rgb(157,160,162)
```
#96a3a9
```
#96a3a9 rgb(150,163,169)
```
#8ea6b1
```
#8ea6b1 rgb(142,166,177)
```
#87a9b8
```
#87a9b8 rgb(135,169,184)
```
#80abbf
```
#80abbf rgb(128,171,191)
```
#78aec7
```
#78aec7 rgb(120,174,199)
```
#71b1ce
```
#71b1ce rgb(113,177,206)
```
#6ab3d5
```
#6ab3d5 rgb(106,179,213)
```
#62b6dd
```
#62b6dd rgb(98,182,221)
```
#5bb9e4
```
#5bb9e4 rgb(91,185,228)
```
#54bceb
```
#54bceb rgb(84,188,235)
```
#4cbef3
```
#4cbef3 rgb(76,190,243)
```
#45c1fa
```
#45c1fa rgb(69,193,250)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8fa8b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b6f1 Protanopia 1% of men
#9cb7ff Deuteranopia 1% of men
#27cad9 Tritanopia 0.001% of the population

Trichromacy

#83baf4 Protanomaly 1% of men, 0.01% of women
#7cbafd Deuteranomaly 6% of men, 0.4% of women
#32c7e5 Tritanomaly 0.01% of the population

#45c1fa hex color

#45c1fa Color Information

#45c1fa Color Conversion

Color Schemes with #45c1fa

Alternatives to #45c1fa

#45c1fa Preview

Shades and Tints of #45c1fa

Tones of #45c1fa

Color Blindness Simulator