#45bdfe hex color

In a RGB color space, hex #45bdfe is composed of 27.1% red, 74.1% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 25.6% magenta, 0% yellow and 0.4% black. It has a hue angle of 201.1 degrees, a saturation of 98.9% and a lightness of 63.3%. #45bdfe color hex could be obtained by blending #8affff with #007bfd. Closest websafe color is: #33ccff.

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

● #45bdfe color description : Bright blue.

The hexadecimal color #45bdfe has RGB values of R:69, G:189, B:254 and CMYK values of C:0.73, M:0.26, Y:0, K:0. Its decimal value is 4570622.

Hex triplet	45bdfe	`#45bdfe`
RGB Decimal	69, 189, 254	`rgb(69,189,254)`
RGB Percent	27.1, 74.1, 99.6	`rgb(27.1%,74.1%,99.6%)`
CMYK	73, 26, 0, 0
HSL	201.1°, 98.9, 63.3	`hsl(201.1,98.9%,63.3%)`
HSV (or HSB)	201.1°, 72.8, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.769, -12.554, -41.602
XYZ	38.537, 44.813, 100.379
xyY	0.21, 0.244, 44.813
CIE-LCH	72.769, 43.455, 253.208
CIE-LUV	72.769, -43.043, -65.983
Hunter-Lab	66.942, -14.392, -42.045
Binary	01000101, 10111101, 11111110

#45bdfe
```
#45bdfe rgb(69,189,254)
```
#fe8645
```
#fe8645 rgb(254,134,69)
```

Complementary Color

#45fee3
```
#45fee3 rgb(69,254,227)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#4561fe
```
#4561fe rgb(69,97,254)
```

Analogous Color

#fee345
```
#fee345 rgb(254,227,69)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#fe4560
```
#fe4560 rgb(254,69,96)
```

Split Complementary Color

#bdfe45
```
#bdfe45 rgb(189,254,69)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#fe45bd
```
#fe45bd rgb(254,69,189)
```

Triadic Color

#45fe86
```
#45fe86 rgb(69,254,134)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#fe45bd
```
#fe45bd rgb(254,69,189)
```
#fe8645
```
#fe8645 rgb(254,134,69)
```

Tetradic Color

#01a0f5
```
#01a0f5 rgb(1,160,245)
```
#12abfe
```
#12abfe rgb(18,171,254)
```
#2cb4fe
```
#2cb4fe rgb(44,180,254)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#5ec6fe
```
#5ec6fe rgb(94,198,254)
```
#78cffe
```
#78cffe rgb(120,207,254)
```
#91d8fe
```
#91d8fe rgb(145,216,254)
```

Monochromatic Color

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

#45ebfe
```
#45ebfe rgb(69,235,254)
```
#45dcfe
```
#45dcfe rgb(69,220,254)
```
#45ccfe
```
#45ccfe rgb(69,204,254)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#45aefe
```
#45aefe rgb(69,174,254)
```
#459efe
```
#459efe rgb(69,158,254)
```
#458ffe
```
#458ffe rgb(69,143,254)
```

Similar Colors

Text with hexadecimal color #45bdfe

This text has a font color of #45bdfe.

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

#45bdfe background color

This paragraph has a background color of #45bdfe.

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

#45bdfe border color

This element has a border color of #45bdfe.

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

CSS codes

.text {color:#45bdfe;}

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

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

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

#000609
```
#000609 rgb(0,6,9)
```
#00131d
```
#00131d rgb(0,19,29)
```
#001f30
```
#001f30 rgb(0,31,48)
```
#002c44
```
#002c44 rgb(0,44,68)
```
#003957
```
#003957 rgb(0,57,87)
```
#01456b
```
#01456b rgb(1,69,107)
```
#01527e
```
#01527e rgb(1,82,126)
```
#015f92
```
#015f92 rgb(1,95,146)
```
#016ba5
```
#016ba5 rgb(1,107,165)
```
#0178b9
```
#0178b9 rgb(1,120,185)
```
#0185cc
```
#0185cc rgb(1,133,204)
```
#0192e0
```
#0192e0 rgb(1,146,224)
```
#019ef3
```
#019ef3 rgb(1,158,243)
```

Shade Color Variation

#0aa8fe
```
#0aa8fe rgb(10,168,254)
```
#1eaffe
```
#1eaffe rgb(30,175,254)
```
#31b6fe
```
#31b6fe rgb(49,182,254)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```
#59c4fe
```
#59c4fe rgb(89,196,254)
```
#6ccbfe
```
#6ccbfe rgb(108,203,254)
```
#80d2fe
```
#80d2fe rgb(128,210,254)
```
#93d9fe
```
#93d9fe rgb(147,217,254)
```
#a7e0ff
```
#a7e0ff rgb(167,224,255)
```
#bae7ff
```
#bae7ff rgb(186,231,255)
```
#ceedff
```
#ceedff rgb(206,237,255)
```
#e1f4ff
```
#e1f4ff rgb(225,244,255)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#9ba3a8
```
#9ba3a8 rgb(155,163,168)
```
#94a5af
```
#94a5af rgb(148,165,175)
```
#8da8b6
```
#8da8b6 rgb(141,168,182)
```
#86aabd
```
#86aabd rgb(134,170,189)
```
#7facc4
```
#7facc4 rgb(127,172,196)
```
#77aecc
```
#77aecc rgb(119,174,204)
```
#70b0d3
```
#70b0d3 rgb(112,176,211)
```
#69b2da
```
#69b2da rgb(105,178,218)
```
#62b4e1
```
#62b4e1 rgb(98,180,225)
```
#5bb7e8
```
#5bb7e8 rgb(91,183,232)
```
#53b9f0
```
#53b9f0 rgb(83,185,240)
```
#4cbbf7
```
#4cbbf7 rgb(76,187,247)
```
#45bdfe
```
#45bdfe rgb(69,189,254)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8fa7b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b4f5 Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#12c8d6 Tritanopia 0.001% of the population

Trichromacy

#7fb7f8 Protanomaly 1% of men, 0.01% of women
#78b8fe Deuteranomaly 6% of men, 0.4% of women
#24c4e5 Tritanomaly 0.01% of the population

#45bdfe hex color

#45bdfe Color Information

#45bdfe Color Conversion

Color Schemes with #45bdfe

Alternatives to #45bdfe

#45bdfe Preview

Shades and Tints of #45bdfe

Tones of #45bdfe

Color Blindness Simulator