#45c6fa hex color

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

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

● #45c6fa color description : Bright blue.

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

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

CIE-LAB	75.172, -18.603, -35.715
XYZ	39.899, 48.552, 97.706
xyY	0.214, 0.261, 48.552
CIE-LCH	75.172, 40.27, 242.487
CIE-LUV	75.172, -46.381, -55.317
Hunter-Lab	69.679, -19.728, -34.362
Binary	01000101, 11000110, 11111010

#45c6fa
```
#45c6fa rgb(69,198,250)
```
#fa7945
```
#fa7945 rgb(250,121,69)
```

Complementary Color

#45fad4
```
#45fad4 rgb(69,250,212)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#456cfa
```
#456cfa rgb(69,108,250)
```

Analogous Color

#fad445
```
#fad445 rgb(250,212,69)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#fa456c
```
#fa456c rgb(250,69,108)
```

Split Complementary Color

#c6fa45
```
#c6fa45 rgb(198,250,69)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#fa45c6
```
#fa45c6 rgb(250,69,198)
```

Triadic Color

#45fa79
```
#45fa79 rgb(69,250,121)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#fa45c6
```
#fa45c6 rgb(250,69,198)
```
#fa7945
```
#fa7945 rgb(250,121,69)
```

Tetradic Color

#06aaec
```
#06aaec rgb(6,170,236)
```
#13b7f9
```
#13b7f9 rgb(19,183,249)
```
#2cbef9
```
#2cbef9 rgb(44,190,249)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#5ecefb
```
#5ecefb rgb(94,206,251)
```
#77d5fb
```
#77d5fb rgb(119,213,251)
```
#8fddfc
```
#8fddfc rgb(143,221,252)
```

Monochromatic Color

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

#45f3fa
```
#45f3fa rgb(69,243,250)
```
#45e4fa
```
#45e4fa rgb(69,228,250)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#45b7fa
```
#45b7fa rgb(69,183,250)
```
#45a8fa
```
#45a8fa rgb(69,168,250)
```
#4599fa
```
#4599fa rgb(69,153,250)
```

Similar Colors

Text with hexadecimal color #45c6fa

This text has a font color of #45c6fa.

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

#45c6fa background color

This paragraph has a background color of #45c6fa.

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

#45c6fa border color

This element has a border color of #45c6fa.

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

CSS codes

.text {color:#45c6fa;}

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

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

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)
```
#023b51
```
#023b51 rgb(2,59,81)
```
#034865
```
#034865 rgb(3,72,101)
```
#035678
```
#035678 rgb(3,86,120)
```
#04648b
```
#04648b rgb(4,100,139)
```
#04729e
```
#04729e rgb(4,114,158)
```
#057fb1
```
#057fb1 rgb(5,127,177)
```
#058dc4
```
#058dc4 rgb(5,141,196)
```
#069bd7
```
#069bd7 rgb(6,155,215)
```
#06a9ea
```
#06a9ea rgb(6,169,234)
```

Shade Color Variation

#0cb4f8
```
#0cb4f8 rgb(12,180,248)
```
#1fbaf9
```
#1fbaf9 rgb(31,186,249)
```
#32c0f9
```
#32c0f9 rgb(50,192,249)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#58ccfb
```
#58ccfb rgb(88,204,251)
```
#6bd2fb
```
#6bd2fb rgb(107,210,251)
```
#7ed8fc
```
#7ed8fc rgb(126,216,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 #45c6fa 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)
```
#5bbde4
```
#5bbde4 rgb(91,189,228)
```
#54c0eb
```
#54c0eb rgb(84,192,235)
```
#4cc3f3
```
#4cc3f3 rgb(76,195,243)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```

Tone Color Variation

Below, you can see how #45c6fa 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
#92acb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbaf0 Protanopia 1% of men
#a4baff Deuteranopia 1% of men
#2ecedd Tritanopia 0.001% of the population

Trichromacy

#87bef4 Protanomaly 1% of men, 0.01% of women
#81befd Deuteranomaly 6% of men, 0.4% of women
#36cbe7 Tritanomaly 0.01% of the population

#45c6fa hex color

#45c6fa Color Information

#45c6fa Color Conversion

Color Schemes with #45c6fa

Alternatives to #45c6fa

#45c6fa Preview

Shades and Tints of #45c6fa

Tones of #45c6fa

Color Blindness Simulator