#45c5fa hex color

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

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

● #45c5fa color description : Bright blue.

The hexadecimal color #45c5fa has RGB values of R:69, G:197, B:250 and CMYK values of C:0.72, M:0.21, Y:0, K:0.02. Its decimal value is 4572666.

Hex triplet	45c5fa	`#45c5fa`
RGB Decimal	69, 197, 250	`rgb(69,197,250)`
RGB Percent	27.1, 77.3, 98	`rgb(27.1%,77.3%,98%)`
CMYK	72, 21, 0, 2
HSL	197.6°, 94.8, 62.5	`hsl(197.6,94.8%,62.5%)`
HSV (or HSB)	197.6°, 72.4, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.886, -18.083, -36.159
XYZ	39.671, 48.096, 97.63
xyY	0.214, 0.259, 48.096
CIE-LCH	74.886, 40.428, 243.43
CIE-LUV	74.886, -46.033, -56.122
Hunter-Lab	69.352, -19.258, -34.92
Binary	01000101, 11000101, 11111010

#45c5fa
```
#45c5fa rgb(69,197,250)
```
#fa7a45
```
#fa7a45 rgb(250,122,69)
```

Complementary Color

#45fad5
```
#45fad5 rgb(69,250,213)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```
#456bfa
```
#456bfa rgb(69,107,250)
```

Analogous Color

#fad545
```
#fad545 rgb(250,213,69)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```
#fa456b
```
#fa456b rgb(250,69,107)
```

Split Complementary Color

#c5fa45
```
#c5fa45 rgb(197,250,69)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```
#fa45c5
```
#fa45c5 rgb(250,69,197)
```

Triadic Color

#45fa7a
```
#45fa7a rgb(69,250,122)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```
#fa45c5
```
#fa45c5 rgb(250,69,197)
```
#fa7a45
```
#fa7a45 rgb(250,122,69)
```

Tetradic Color

#06a9ec
```
#06a9ec rgb(6,169,236)
```
#13b6f9
```
#13b6f9 rgb(19,182,249)
```
#2cbdf9
```
#2cbdf9 rgb(44,189,249)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```
#5ecdfb
```
#5ecdfb rgb(94,205,251)
```
#77d4fb
```
#77d4fb rgb(119,212,251)
```
#8fdcfc
```
#8fdcfc rgb(143,220,252)
```

Monochromatic Color

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

#45f2fa
```
#45f2fa rgb(69,242,250)
```
#45e3fa
```
#45e3fa rgb(69,227,250)
```
#45d4fa
```
#45d4fa rgb(69,212,250)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```
#45b6fa
```
#45b6fa rgb(69,182,250)
```
#45a7fa
```
#45a7fa rgb(69,167,250)
```
#4598fa
```
#4598fa rgb(69,152,250)
```

Similar Colors

Text with hexadecimal color #45c5fa

This text has a font color of #45c5fa.

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

#45c5fa background color

This paragraph has a background color of #45c5fa.

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

#45c5fa border color

This element has a border color of #45c5fa.

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

CSS codes

.text {color:#45c5fa;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011118
```
#011118 rgb(1,17,24)
```
#011f2b
```
#011f2b rgb(1,31,43)
```
#022d3e
```
#022d3e rgb(2,45,62)
```
#023a51
```
#023a51 rgb(2,58,81)
```
#034865
```
#034865 rgb(3,72,101)
```
#035678
```
#035678 rgb(3,86,120)
```
#04638b
```
#04638b rgb(4,99,139)
```
#04719e
```
#04719e rgb(4,113,158)
```
#057fb1
```
#057fb1 rgb(5,127,177)
```
#058cc4
```
#058cc4 rgb(5,140,196)
```
#069ad7
```
#069ad7 rgb(6,154,215)
```
#06a7ea
```
#06a7ea rgb(6,167,234)
```

Shade Color Variation

#0cb3f8
```
#0cb3f8 rgb(12,179,248)
```
#1fb9f9
```
#1fb9f9 rgb(31,185,249)
```
#32bff9
```
#32bff9 rgb(50,191,249)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```
#58cbfb
```
#58cbfb rgb(88,203,251)
```
#6bd1fb
```
#6bd1fb rgb(107,209,251)
```
#7ed7fc
```
#7ed7fc rgb(126,215,252)
```
#91ddfc
```
#91ddfc rgb(145,221,252)
```
#a5e3fd
```
#a5e3fd rgb(165,227,253)
```
#b8e9fd
```
#b8e9fd rgb(184,233,253)
```
#cbeffe
```
#cbeffe rgb(203,239,254)
```
#def5fe
```
#def5fe rgb(222,245,254)
```
#f1fbff
```
#f1fbff rgb(241,251,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 #45c5fa is the most saturated one.

#9da0a2
```
#9da0a2 rgb(157,160,162)
```
#96a4a9
```
#96a4a9 rgb(150,164,169)
```
#8ea7b1
```
#8ea7b1 rgb(142,167,177)
```
#87aab8
```
#87aab8 rgb(135,170,184)
```
#80adbf
```
#80adbf rgb(128,173,191)
```
#78b0c7
```
#78b0c7 rgb(120,176,199)
```
#71b3ce
```
#71b3ce rgb(113,179,206)
```
#6ab6d5
```
#6ab6d5 rgb(106,182,213)
```
#62b9dd
```
#62b9dd rgb(98,185,221)
```
#5bbce4
```
#5bbce4 rgb(91,188,228)
```
#54bfeb
```
#54bfeb rgb(84,191,235)
```
#4cc2f3
```
#4cc2f3 rgb(76,194,243)
```
#45c5fa
```
#45c5fa rgb(69,197,250)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#92abb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb9f0 Protanopia 1% of men
#a2baff Deuteranopia 1% of men
#2dcddc Tritanopia 0.001% of the population

Trichromacy

#86bdf4 Protanomaly 1% of men, 0.01% of women
#80befd Deuteranomaly 6% of men, 0.4% of women
#35cae7 Tritanomaly 0.01% of the population

#45c5fa hex color

#45c5fa Color Information

#45c5fa Color Conversion

Color Schemes with #45c5fa

Alternatives to #45c5fa

#45c5fa Preview

Shades and Tints of #45c5fa

Tones of #45c5fa

Color Blindness Simulator