#45c3fc hex color

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

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

● #45c3fc color description : Bright blue.

The hexadecimal color #45c3fc has RGB values of R:69, G:195, B:252 and CMYK values of C:0.73, M:0.23, Y:0, K:0.01. Its decimal value is 4572156.

Hex triplet	45c3fc	`#45c3fc`
RGB Decimal	69, 195, 252	`rgb(69,195,252)`
RGB Percent	27.1, 76.5, 98.8	`rgb(27.1%,76.5%,98.8%)`
CMYK	73, 23, 0, 1
HSL	198.7°, 96.8, 62.9	`hsl(198.7,96.8%,62.9%)`
HSV (or HSB)	198.7°, 72.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.394, -16.392, -37.995
XYZ	39.536, 47.32, 99.14
xyY	0.213, 0.254, 47.32
CIE-LCH	74.394, 41.38, 246.664
CIE-LUV	74.394, -45.225, -59.457
Hunter-Lab	68.79, -17.793, -37.296
Binary	01000101, 11000011, 11111100

#45c3fc
```
#45c3fc rgb(69,195,252)
```
#fc7e45
```
#fc7e45 rgb(252,126,69)
```

Complementary Color

#45fcda
```
#45fcda rgb(69,252,218)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#4568fc
```
#4568fc rgb(69,104,252)
```

Analogous Color

#fcda45
```
#fcda45 rgb(252,218,69)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#fc4568
```
#fc4568 rgb(252,69,104)
```

Split Complementary Color

#c3fc45
```
#c3fc45 rgb(195,252,69)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#fc45c3
```
#fc45c3 rgb(252,69,195)
```

Triadic Color

#45fc7e
```
#45fc7e rgb(69,252,126)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#fc45c3
```
#fc45c3 rgb(252,69,195)
```
#fc7e45
```
#fc7e45 rgb(252,126,69)
```

Tetradic Color

#04a7f1
```
#04a7f1 rgb(4,167,241)
```
#13b3fb
```
#13b3fb rgb(19,179,251)
```
#2cbbfc
```
#2cbbfc rgb(44,187,252)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#5ecbfc
```
#5ecbfc rgb(94,203,252)
```
#77d3fd
```
#77d3fd rgb(119,211,253)
```
#90dbfd
```
#90dbfd rgb(144,219,253)
```

Monochromatic Color

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

#45f1fc
```
#45f1fc rgb(69,241,252)
```
#45e2fc
```
#45e2fc rgb(69,226,252)
```
#45d2fc
```
#45d2fc rgb(69,210,252)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#45b4fc
```
#45b4fc rgb(69,180,252)
```
#45a5fc
```
#45a5fc rgb(69,165,252)
```
#4595fc
```
#4595fc rgb(69,149,252)
```

Similar Colors

Text with hexadecimal color #45c3fc

This text has a font color of #45c3fc.

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

#45c3fc background color

This paragraph has a background color of #45c3fc.

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

#45c3fc border color

This element has a border color of #45c3fc.

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

CSS codes

.text {color:#45c3fc;}

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

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

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)
```
#013a54
```
#013a54 rgb(1,58,84)
```
#024868
```
#024868 rgb(2,72,104)
```
#02557b
```
#02557b rgb(2,85,123)
```
#02638e
```
#02638e rgb(2,99,142)
```
#0370a1
```
#0370a1 rgb(3,112,161)
```
#037db5
```
#037db5 rgb(3,125,181)
```
#038bc8
```
#038bc8 rgb(3,139,200)
```
#0498db
```
#0498db rgb(4,152,219)
```
#04a6ef
```
#04a6ef rgb(4,166,239)
```

Shade Color Variation

#0bb0fb
```
#0bb0fb rgb(11,176,251)
```
#1eb7fb
```
#1eb7fb rgb(30,183,251)
```
#32bdfc
```
#32bdfc rgb(50,189,252)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```
#58c9fc
```
#58c9fc rgb(88,201,252)
```
#6ccffd
```
#6ccffd rgb(108,207,253)
```
#7fd6fd
```
#7fd6fd rgb(127,214,253)
```
#92dcfd
```
#92dcfd rgb(146,220,253)
```
#a6e2fe
```
#a6e2fe rgb(166,226,254)
```
#b9e8fe
```
#b9e8fe rgb(185,232,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 #45c3fc is the most saturated one.

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#95a5ac
```
#95a5ac rgb(149,165,172)
```
#8ea8b3
```
#8ea8b3 rgb(142,168,179)
```
#86aabb
```
#86aabb rgb(134,170,187)
```
#7fadc2
```
#7fadc2 rgb(127,173,194)
```
#78b0c9
```
#78b0c9 rgb(120,176,201)
```
#71b3d0
```
#71b3d0 rgb(113,179,208)
```
#69b5d8
```
#69b5d8 rgb(105,181,216)
```
#62b8df
```
#62b8df rgb(98,184,223)
```
#5bbbe6
```
#5bbbe6 rgb(91,187,230)
```
#54beed
```
#54beed rgb(84,190,237)
```
#4cc0f5
```
#4cc0f5 rgb(76,192,245)
```
#45c3fc
```
#45c3fc rgb(69,195,252)
```

Tone Color Variation

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

#a9b8f2 Protanopia 1% of men
#9fb9ff Deuteranopia 1% of men
#26ccdb Tritanopia 0.001% of the population

Trichromacy

#84bcf6 Protanomaly 1% of men, 0.01% of women
#7ebcfd Deuteranomaly 6% of men, 0.4% of women
#31c8e7 Tritanomaly 0.01% of the population

#45c3fc hex color

#45c3fc Color Information

#45c3fc Color Conversion

Color Schemes with #45c3fc

Alternatives to #45c3fc

#45c3fc Preview

Shades and Tints of #45c3fc

Tones of #45c3fc

Color Blindness Simulator