#45b8fc hex color

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

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

● #45b8fc color description : Bright blue.

The hexadecimal color #45b8fc has RGB values of R:69, G:184, B:252 and CMYK values of C:0.73, M:0.27, Y:0, K:0.01. Its decimal value is 4569340.

Hex triplet	45b8fc	`#45b8fc`
RGB Decimal	69, 184, 252	`rgb(69,184,252)`
RGB Percent	27.1, 72.2, 98.8	`rgb(27.1%,72.2%,98.8%)`
CMYK	73, 27, 0, 1
HSL	202.3°, 96.8, 62.9	`hsl(202.3,96.8%,62.9%)`
HSV (or HSB)	202.3°, 72.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.263, -10.522, -42.877
XYZ	37.161, 42.571, 98.349
xyY	0.209, 0.239, 42.571
CIE-LCH	71.263, 44.149, 256.211
CIE-LUV	71.263, -41.431, -68.241
Hunter-Lab	65.247, -12.518, -43.697
Binary	01000101, 10111000, 11111100

#45b8fc
```
#45b8fc rgb(69,184,252)
```
#fc8945
```
#fc8945 rgb(252,137,69)
```

Complementary Color

#45fce5
```
#45fce5 rgb(69,252,229)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```
#455cfc
```
#455cfc rgb(69,92,252)
```

Analogous Color

#fce545
```
#fce545 rgb(252,229,69)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```
#fc455c
```
#fc455c rgb(252,69,92)
```

Split Complementary Color

#b8fc45
```
#b8fc45 rgb(184,252,69)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```
#fc45b8
```
#fc45b8 rgb(252,69,184)
```

Triadic Color

#45fc89
```
#45fc89 rgb(69,252,137)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```
#fc45b8
```
#fc45b8 rgb(252,69,184)
```
#fc8945
```
#fc8945 rgb(252,137,69)
```

Tetradic Color

#0499f1
```
#0499f1 rgb(4,153,241)
```
#13a5fb
```
#13a5fb rgb(19,165,251)
```
#2caefc
```
#2caefc rgb(44,174,252)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```
#5ec2fc
```
#5ec2fc rgb(94,194,252)
```
#77cbfd
```
#77cbfd rgb(119,203,253)
```
#90d5fd
```
#90d5fd rgb(144,213,253)
```

Monochromatic Color

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

#45e6fc
```
#45e6fc rgb(69,230,252)
```
#45d7fc
```
#45d7fc rgb(69,215,252)
```
#45c7fc
```
#45c7fc rgb(69,199,252)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```
#45a9fc
```
#45a9fc rgb(69,169,252)
```
#459afc
```
#459afc rgb(69,154,252)
```
#458afc
```
#458afc rgb(69,138,252)
```

Similar Colors

Text with hexadecimal color #45b8fc

This text has a font color of #45b8fc.

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

#45b8fc background color

This paragraph has a background color of #45b8fc.

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

#45b8fc border color

This element has a border color of #45b8fc.

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

CSS codes

.text {color:#45b8fc;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#00111a
```
#00111a rgb(0,17,26)
```
#011d2e
```
#011d2e rgb(1,29,46)
```
#012941
```
#012941 rgb(1,41,65)
```
#013554
```
#013554 rgb(1,53,84)
```
#024268
```
#024268 rgb(2,66,104)
```
#024e7b
```
#024e7b rgb(2,78,123)
```
#025a8e
```
#025a8e rgb(2,90,142)
```
#0366a1
```
#0366a1 rgb(3,102,161)
```
#0373b5
```
#0373b5 rgb(3,115,181)
```
#037fc8
```
#037fc8 rgb(3,127,200)
```
#048bdb
```
#048bdb rgb(4,139,219)
```
#0497ef
```
#0497ef rgb(4,151,239)
```

Shade Color Variation

#0ba2fb
```
#0ba2fb rgb(11,162,251)
```
#1ea9fb
```
#1ea9fb rgb(30,169,251)
```
#32b1fc
```
#32b1fc rgb(50,177,252)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```
#58bffc
```
#58bffc rgb(88,191,252)
```
#6cc7fd
```
#6cc7fd rgb(108,199,253)
```
#7fcefd
```
#7fcefd rgb(127,206,253)
```
#92d5fd
```
#92d5fd rgb(146,213,253)
```
#a6ddfe
```
#a6ddfe rgb(166,221,254)
```
#b9e4fe
```
#b9e4fe rgb(185,228,254)
```
#ccecfe
```
#ccecfe rgb(204,236,254)
```
#dff3fe
```
#dff3fe rgb(223,243,254)
```
#f3faff
```
#f3faff rgb(243,250,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 #45b8fc is the most saturated one.

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#95a3ac
```
#95a3ac rgb(149,163,172)
```
#8ea5b3
```
#8ea5b3 rgb(142,165,179)
```
#86a7bb
```
#86a7bb rgb(134,167,187)
```
#7fa9c2
```
#7fa9c2 rgb(127,169,194)
```
#78abc9
```
#78abc9 rgb(120,171,201)
```
#71add0
```
#71add0 rgb(113,173,208)
```
#69afd8
```
#69afd8 rgb(105,175,216)
```
#62b1df
```
#62b1df rgb(98,177,223)
```
#5bb2e6
```
#5bb2e6 rgb(91,178,230)
```
#54b4ed
```
#54b4ed rgb(84,180,237)
```
#4cb6f5
```
#4cb6f5 rgb(76,182,245)
```
#45b8fc
```
#45b8fc rgb(69,184,252)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ba2b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb0f4 Protanopia 1% of men
#8eb1ff Deuteranopia 1% of men
#00c3d2 Tritanopia 0.001% of the population

Trichromacy

#7cb3f6 Protanomaly 1% of men, 0.01% of women
#73b4fd Deuteranomaly 6% of men, 0.4% of women
#19bfe1 Tritanomaly 0.01% of the population

#45b8fc hex color

#45b8fc Color Information

#45b8fc Color Conversion

Color Schemes with #45b8fc

Alternatives to #45b8fc

#45b8fc Preview

Shades and Tints of #45b8fc

Tones of #45b8fc

Color Blindness Simulator