#45bbfd hex color

In a RGB color space, hex #45bbfd is composed of 27.1% red, 73.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 26.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.5 degrees, a saturation of 97.9% and a lightness of 63.1%. #45bbfd color hex could be obtained by blending #8affff with #0077fb. Closest websafe color is: #33ccff.

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

● #45bbfd color description : Bright blue.

The hexadecimal color #45bbfd has RGB values of R:69, G:187, B:253 and CMYK values of C:0.73, M:0.26, Y:0, K:0.01. Its decimal value is 4570109.

Hex triplet	45bbfd	`#45bbfd`
RGB Decimal	69, 187, 253	`rgb(69,187,253)`
RGB Percent	27.1, 73.3, 99.2	`rgb(27.1%,73.3%,99.2%)`
CMYK	73, 26, 0, 1
HSL	201.5°, 97.9, 63.1	`hsl(201.5,97.9%,63.1%)`
HSV (or HSB)	201.5°, 72.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.158, -11.811, -42.017
XYZ	37.95, 43.895, 99.396
xyY	0.209, 0.242, 43.895
CIE-LCH	72.158, 43.646, 254.299
CIE-LUV	72.158, -42.409, -66.717
Hunter-Lab	66.253, -13.698, -42.572
Binary	01000101, 10111011, 11111101

#45bbfd
```
#45bbfd rgb(69,187,253)
```
#fd8745
```
#fd8745 rgb(253,135,69)
```

Complementary Color

#45fde3
```
#45fde3 rgb(69,253,227)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```
#455ffd
```
#455ffd rgb(69,95,253)
```

Analogous Color

#fde345
```
#fde345 rgb(253,227,69)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```
#fd455f
```
#fd455f rgb(253,69,95)
```

Split Complementary Color

#bbfd45
```
#bbfd45 rgb(187,253,69)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```
#fd45bb
```
#fd45bb rgb(253,69,187)
```

Triadic Color

#45fd87
```
#45fd87 rgb(69,253,135)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```
#fd45bb
```
#fd45bb rgb(253,69,187)
```
#fd8745
```
#fd8745 rgb(253,135,69)
```

Tetradic Color

#039df3
```
#039df3 rgb(3,157,243)
```
#13a9fc
```
#13a9fc rgb(19,169,252)
```
#2cb2fd
```
#2cb2fd rgb(44,178,253)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```
#5ec4fd
```
#5ec4fd rgb(94,196,253)
```
#77cdfe
```
#77cdfe rgb(119,205,254)
```
#91d7fe
```
#91d7fe rgb(145,215,254)
```

Monochromatic Color

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

#45e9fd
```
#45e9fd rgb(69,233,253)
```
#45dafd
```
#45dafd rgb(69,218,253)
```
#45cafd
```
#45cafd rgb(69,202,253)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```
#45acfd
```
#45acfd rgb(69,172,253)
```
#459cfd
```
#459cfd rgb(69,156,253)
```
#458dfd
```
#458dfd rgb(69,141,253)
```

Similar Colors

Text with hexadecimal color #45bbfd

This text has a font color of #45bbfd.

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

#45bbfd background color

This paragraph has a background color of #45bbfd.

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

#45bbfd border color

This element has a border color of #45bbfd.

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

CSS codes

.text {color:#45bbfd;}

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

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

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

#000508
```
#000508 rgb(0,5,8)
```
#00121b
```
#00121b rgb(0,18,27)
```
#011e2f
```
#011e2f rgb(1,30,47)
```
#012b42
```
#012b42 rgb(1,43,66)
```
#013756
```
#013756 rgb(1,55,86)
```
#014469
```
#014469 rgb(1,68,105)
```
#01507d
```
#01507d rgb(1,80,125)
```
#025d90
```
#025d90 rgb(2,93,144)
```
#0269a3
```
#0269a3 rgb(2,105,163)
```
#0276b7
```
#0276b7 rgb(2,118,183)
```
#0282ca
```
#0282ca rgb(2,130,202)
```
#028fde
```
#028fde rgb(2,143,222)
```
#039bf1
```
#039bf1 rgb(3,155,241)
```

Shade Color Variation

#0ba6fc
```
#0ba6fc rgb(11,166,252)
```
#1eadfd
```
#1eadfd rgb(30,173,253)
```
#32b4fd
```
#32b4fd rgb(50,180,253)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```
#58c2fd
```
#58c2fd rgb(88,194,253)
```
#6cc9fd
```
#6cc9fd rgb(108,201,253)
```
#7fd0fe
```
#7fd0fe rgb(127,208,254)
```
#93d7fe
```
#93d7fe rgb(147,215,254)
```
#a6defe
```
#a6defe rgb(166,222,254)
```
#b9e6fe
```
#b9e6fe rgb(185,230,254)
```
#cdedfe
```
#cdedfe rgb(205,237,254)
```
#e0f4ff
```
#e0f4ff rgb(224,244,255)
```
#f4fbff
```
#f4fbff rgb(244,251,255)
```

Tint Color Variation

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

#9ca2a6
```
#9ca2a6 rgb(156,162,166)
```
#95a5ad
```
#95a5ad rgb(149,165,173)
```
#8da7b5
```
#8da7b5 rgb(141,167,181)
```
#86a9bc
```
#86a9bc rgb(134,169,188)
```
#7fabc3
```
#7fabc3 rgb(127,171,195)
```
#78adca
```
#78adca rgb(120,173,202)
```
#70afd2
```
#70afd2 rgb(112,175,210)
```
#69b1d9
```
#69b1d9 rgb(105,177,217)
```
#62b3e0
```
#62b3e0 rgb(98,179,224)
```
#5bb5e7
```
#5bb5e7 rgb(91,181,231)
```
#53b7ef
```
#53b7ef rgb(83,183,239)
```
#4cb9f6
```
#4cb9f6 rgb(76,185,246)
```
#45bbfd
```
#45bbfd rgb(69,187,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8da5b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f4 Protanopia 1% of men
#93b4ff Deuteranopia 1% of men
#0ec6d5 Tritanopia 0.001% of the population

Trichromacy

#7eb5f7 Protanomaly 1% of men, 0.01% of women
#76b6fe Deuteranomaly 6% of men, 0.4% of women
#22c2e3 Tritanomaly 0.01% of the population

#45bbfd hex color

#45bbfd Color Information

#45bbfd Color Conversion

Color Schemes with #45bbfd

Alternatives to #45bbfd

#45bbfd Preview

Shades and Tints of #45bbfd

Tones of #45bbfd

Color Blindness Simulator