#45b9fc hex color

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

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

● #45b9fc color description : Bright blue.

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

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

CIE-LAB	71.547, -11.064, -42.433
XYZ	37.37, 42.988, 98.418
xyY	0.209, 0.24, 42.988
CIE-LCH	71.547, 43.851, 255.386
CIE-LUV	71.547, -41.774, -67.447
Hunter-Lab	65.565, -13.002, -43.102
Binary	01000101, 10111001, 11111100

#45b9fc
```
#45b9fc rgb(69,185,252)
```
#fc8845
```
#fc8845 rgb(252,136,69)
```

Complementary Color

#45fce4
```
#45fce4 rgb(69,252,228)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```
#455efc
```
#455efc rgb(69,94,252)
```

Analogous Color

#fce445
```
#fce445 rgb(252,228,69)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```
#fc455e
```
#fc455e rgb(252,69,94)
```

Split Complementary Color

#b9fc45
```
#b9fc45 rgb(185,252,69)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```
#fc45b9
```
#fc45b9 rgb(252,69,185)
```

Triadic Color

#45fc88
```
#45fc88 rgb(69,252,136)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```
#fc45b9
```
#fc45b9 rgb(252,69,185)
```
#fc8845
```
#fc8845 rgb(252,136,69)
```

Tetradic Color

#049af1
```
#049af1 rgb(4,154,241)
```
#13a6fb
```
#13a6fb rgb(19,166,251)
```
#2cb0fc
```
#2cb0fc rgb(44,176,252)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```
#5ec2fc
```
#5ec2fc rgb(94,194,252)
```
#77ccfd
```
#77ccfd rgb(119,204,253)
```
#90d5fd
```
#90d5fd rgb(144,213,253)
```

Monochromatic Color

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

#45e7fc
```
#45e7fc rgb(69,231,252)
```
#45d8fc
```
#45d8fc rgb(69,216,252)
```
#45c8fc
```
#45c8fc rgb(69,200,252)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```
#45aafc
```
#45aafc rgb(69,170,252)
```
#459bfc
```
#459bfc rgb(69,155,252)
```
#458bfc
```
#458bfc rgb(69,139,252)
```

Similar Colors

Text with hexadecimal color #45b9fc

This text has a font color of #45b9fc.

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

#45b9fc background color

This paragraph has a background color of #45b9fc.

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

#45b9fc border color

This element has a border color of #45b9fc.

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

CSS codes

.text {color:#45b9fc;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00111a
```
#00111a rgb(0,17,26)
```
#011d2e
```
#011d2e rgb(1,29,46)
```
#012a41
```
#012a41 rgb(1,42,65)
```
#013654
```
#013654 rgb(1,54,84)
```
#024268
```
#024268 rgb(2,66,104)
```
#024f7b
```
#024f7b rgb(2,79,123)
```
#025b8e
```
#025b8e rgb(2,91,142)
```
#0367a1
```
#0367a1 rgb(3,103,161)
```
#0374b5
```
#0374b5 rgb(3,116,181)
```
#0380c8
```
#0380c8 rgb(3,128,200)
```
#048cdb
```
#048cdb rgb(4,140,219)
```
#0499ef
```
#0499ef rgb(4,153,239)
```

Shade Color Variation

#0ba3fb
```
#0ba3fb rgb(11,163,251)
```
#1eaafb
```
#1eaafb rgb(30,170,251)
```
#32b2fc
```
#32b2fc rgb(50,178,252)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```
#58c0fc
```
#58c0fc rgb(88,192,252)
```
#6cc8fd
```
#6cc8fd rgb(108,200,253)
```
#7fcffd
```
#7fcffd rgb(127,207,253)
```
#92d6fd
```
#92d6fd rgb(146,214,253)
```
#a6ddfe
```
#a6ddfe rgb(166,221,254)
```
#b9e5fe
```
#b9e5fe rgb(185,229,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 #45b9fc is the most saturated one.

#9ca2a5
```
#9ca2a5 rgb(156,162,165)
```
#95a4ac
```
#95a4ac rgb(149,164,172)
```
#8ea6b3
```
#8ea6b3 rgb(142,166,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)
```
#5bb3e6
```
#5bb3e6 rgb(91,179,230)
```
#54b5ed
```
#54b5ed rgb(84,181,237)
```
#4cb7f5
```
#4cb7f5 rgb(76,183,245)
```
#45b9fc
```
#45b9fc rgb(69,185,252)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8ca3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db1f3 Protanopia 1% of men
#8fb2ff Deuteranopia 1% of men
#07c4d3 Tritanopia 0.001% of the population

Trichromacy

#7db3f6 Protanomaly 1% of men, 0.01% of women
#74b4fd Deuteranomaly 6% of men, 0.4% of women
#1ec0e2 Tritanomaly 0.01% of the population

#45b9fc hex color

#45b9fc Color Information

#45b9fc Color Conversion

Color Schemes with #45b9fc

Alternatives to #45b9fc

#45b9fc Preview

Shades and Tints of #45b9fc

Tones of #45b9fc

Color Blindness Simulator