#45c4fc hex color

In a RGB color space, hex #45c4fc is composed of 27.1% red, 76.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 22.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 198.4 degrees, a saturation of 96.8% and a lightness of 62.9%. #45c4fc color hex could be obtained by blending #8affff with #0089f9. Closest websafe color is: #33ccff.

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

● #45c4fc color description : Bright blue.

The hexadecimal color #45c4fc has RGB values of R:69, G:196, B:252 and CMYK values of C:0.73, M:0.22, Y:0, K:0.01. Its decimal value is 4572412.

Hex triplet	45c4fc	`#45c4fc`
RGB Decimal	69, 196, 252	`rgb(69,196,252)`
RGB Percent	27.1, 76.9, 98.8	`rgb(27.1%,76.9%,98.8%)`
CMYK	73, 22, 0, 1
HSL	198.4°, 96.8, 62.9	`hsl(198.4,96.8%,62.9%)`
HSV (or HSB)	198.4°, 72.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.68, -16.916, -37.552
XYZ	39.76, 47.77, 99.215
xyY	0.213, 0.256, 47.77
CIE-LCH	74.68, 41.186, 245.75
CIE-LUV	74.68, -45.571, -58.654
Hunter-Lab	69.116, -18.267, -36.729
Binary	01000101, 11000100, 11111100

#45c4fc
```
#45c4fc rgb(69,196,252)
```
#fc7d45
```
#fc7d45 rgb(252,125,69)
```

Complementary Color

#45fcd9
```
#45fcd9 rgb(69,252,217)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```
#4569fc
```
#4569fc rgb(69,105,252)
```

Analogous Color

#fcd945
```
#fcd945 rgb(252,217,69)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```
#fc4569
```
#fc4569 rgb(252,69,105)
```

Split Complementary Color

#c4fc45
```
#c4fc45 rgb(196,252,69)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```
#fc45c4
```
#fc45c4 rgb(252,69,196)
```

Triadic Color

#45fc7d
```
#45fc7d rgb(69,252,125)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```
#fc45c4
```
#fc45c4 rgb(252,69,196)
```
#fc7d45
```
#fc7d45 rgb(252,125,69)
```

Tetradic Color

#04a8f1
```
#04a8f1 rgb(4,168,241)
```
#13b4fb
```
#13b4fb rgb(19,180,251)
```
#2cbcfc
```
#2cbcfc rgb(44,188,252)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```
#5eccfc
```
#5eccfc rgb(94,204,252)
```
#77d4fd
```
#77d4fd rgb(119,212,253)
```
#90dcfd
```
#90dcfd rgb(144,220,253)
```

Monochromatic Color

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

#45f2fc
```
#45f2fc rgb(69,242,252)
```
#45e3fc
```
#45e3fc rgb(69,227,252)
```
#45d3fc
```
#45d3fc rgb(69,211,252)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```
#45b5fc
```
#45b5fc rgb(69,181,252)
```
#45a6fc
```
#45a6fc rgb(69,166,252)
```
#4596fc
```
#4596fc rgb(69,150,252)
```

Similar Colors

Text with hexadecimal color #45c4fc

This text has a font color of #45c4fc.

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

#45c4fc background color

This paragraph has a background color of #45c4fc.

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

#45c4fc border color

This element has a border color of #45c4fc.

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

CSS codes

.text {color:#45c4fc;}

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

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

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 #f3fbff is the lightest one.

#000507
```
#000507 rgb(0,5,7)
```
#00121a
```
#00121a rgb(0,18,26)
```
#01202e
```
#01202e rgb(1,32,46)
```
#012d41
```
#012d41 rgb(1,45,65)
```
#013b54
```
#013b54 rgb(1,59,84)
```
#024868
```
#024868 rgb(2,72,104)
```
#02567b
```
#02567b rgb(2,86,123)
```
#02638e
```
#02638e rgb(2,99,142)
```
#0371a1
```
#0371a1 rgb(3,113,161)
```
#037eb5
```
#037eb5 rgb(3,126,181)
```
#038cc8
```
#038cc8 rgb(3,140,200)
```
#0499db
```
#0499db rgb(4,153,219)
```
#04a7ef
```
#04a7ef rgb(4,167,239)
```

Shade Color Variation

#0bb2fb
```
#0bb2fb rgb(11,178,251)
```
#1eb8fb
```
#1eb8fb rgb(30,184,251)
```
#32befc
```
#32befc rgb(50,190,252)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```
#58cafc
```
#58cafc rgb(88,202,252)
```
#6cd0fd
```
#6cd0fd rgb(108,208,253)
```
#7fd6fd
```
#7fd6fd rgb(127,214,253)
```
#92dcfd
```
#92dcfd rgb(146,220,253)
```
#a6e3fe
```
#a6e3fe rgb(166,227,254)
```
#b9e9fe
```
#b9e9fe rgb(185,233,254)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#dff5fe
```
#dff5fe rgb(223,245,254)
```
#f3fbff
```
#f3fbff rgb(243,251,255)
```

Tint Color Variation

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

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#95a5ac
```
#95a5ac rgb(149,165,172)
```
#8ea8b3
```
#8ea8b3 rgb(142,168,179)
```
#86abbb
```
#86abbb rgb(134,171,187)
```
#7fadc2
```
#7fadc2 rgb(127,173,194)
```
#78b0c9
```
#78b0c9 rgb(120,176,201)
```
#71b3d0
```
#71b3d0 rgb(113,179,208)
```
#69b6d8
```
#69b6d8 rgb(105,182,216)
```
#62b9df
```
#62b9df rgb(98,185,223)
```
#5bbce6
```
#5bbce6 rgb(91,188,230)
```
#54beed
```
#54beed rgb(84,190,237)
```
#4cc1f5
```
#4cc1f5 rgb(76,193,245)
```
#45c4fc
```
#45c4fc rgb(69,196,252)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#91aab6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab9f2 Protanopia 1% of men
#a1b9ff Deuteranopia 1% of men
#28cddc Tritanopia 0.001% of the population

Trichromacy

#85bdf6 Protanomaly 1% of men, 0.01% of women
#7fbdfd Deuteranomaly 6% of men, 0.4% of women
#32c9e7 Tritanomaly 0.01% of the population

#45c4fc hex color

#45c4fc Color Information

#45c4fc Color Conversion

Color Schemes with #45c4fc

Alternatives to #45c4fc

#45c4fc Preview

Shades and Tints of #45c4fc

Tones of #45c4fc

Color Blindness Simulator