#45bdfb hex color

In a RGB color space, hex #45bdfb is composed of 27.1% red, 74.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 24.7% magenta, 0% yellow and 1.6% black. It has a hue angle of 200.4 degrees, a saturation of 95.8% and a lightness of 62.7%. #45bdfb color hex could be obtained by blending #8affff with #007bf7. Closest websafe color is: #33ccff.

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

● #45bdfb color description : Bright blue.

The hexadecimal color #45bdfb has RGB values of R:69, G:189, B:251 and CMYK values of C:0.73, M:0.25, Y:0, K:0.02. Its decimal value is 4570619.

Hex triplet	45bdfb	`#45bdfb`
RGB Decimal	69, 189, 251	`rgb(69,189,251)`
RGB Percent	27.1, 74.1, 98.4	`rgb(27.1%,74.1%,98.4%)`
CMYK	73, 25, 0, 2
HSL	200.4°, 95.8, 62.7	`hsl(200.4,95.8%,62.7%)`
HSV (or HSB)	200.4°, 72.5, 98.4
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.642, -13.543, -40.183
XYZ	38.06, 44.622, 97.869
xyY	0.211, 0.247, 44.622
CIE-LCH	72.642, 42.404, 251.374
CIE-LUV	72.642, -43.206, -63.401
Hunter-Lab	66.8, -15.197, -40.106
Binary	01000101, 10111101, 11111011

#45bdfb
```
#45bdfb rgb(69,189,251)
```
#fb8345
```
#fb8345 rgb(251,131,69)
```

Complementary Color

#45fbde
```
#45fbde rgb(69,251,222)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```
#4562fb
```
#4562fb rgb(69,98,251)
```

Analogous Color

#fbde45
```
#fbde45 rgb(251,222,69)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```
#fb4562
```
#fb4562 rgb(251,69,98)
```

Split Complementary Color

#bdfb45
```
#bdfb45 rgb(189,251,69)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```
#fb45bd
```
#fb45bd rgb(251,69,189)
```

Triadic Color

#45fb83
```
#45fb83 rgb(69,251,131)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```
#fb45bd
```
#fb45bd rgb(251,69,189)
```
#fb8345
```
#fb8345 rgb(251,131,69)
```

Tetradic Color

#059fee
```
#059fee rgb(5,159,238)
```
#13abfa
```
#13abfa rgb(19,171,250)
```
#2cb4fa
```
#2cb4fa rgb(44,180,250)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```
#5ec6fc
```
#5ec6fc rgb(94,198,252)
```
#77cffc
```
#77cffc rgb(119,207,252)
```
#90d8fd
```
#90d8fd rgb(144,216,253)
```

Monochromatic Color

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

#45ebfb
```
#45ebfb rgb(69,235,251)
```
#45dbfb
```
#45dbfb rgb(69,219,251)
```
#45ccfb
```
#45ccfb rgb(69,204,251)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```
#45aefb
```
#45aefb rgb(69,174,251)
```
#459ffb
```
#459ffb rgb(69,159,251)
```
#4590fb
```
#4590fb rgb(69,144,251)
```

Similar Colors

Text with hexadecimal color #45bdfb

This text has a font color of #45bdfb.

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

#45bdfb background color

This paragraph has a background color of #45bdfb.

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

#45bdfb border color

This element has a border color of #45bdfb.

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

CSS codes

.text {color:#45bdfb;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#011119
```
#011119 rgb(1,17,25)
```
#011e2c
```
#011e2c rgb(1,30,44)
```
#012a40
```
#012a40 rgb(1,42,64)
```
#023753
```
#023753 rgb(2,55,83)
```
#024466
```
#024466 rgb(2,68,102)
```
#035179
```
#035179 rgb(3,81,121)
```
#035e8c
```
#035e8c rgb(3,94,140)
```
#036aa0
```
#036aa0 rgb(3,106,160)
```
#0477b3
```
#0477b3 rgb(4,119,179)
```
#0484c6
```
#0484c6 rgb(4,132,198)
```
#0591d9
```
#0591d9 rgb(5,145,217)
```
#059eec
```
#059eec rgb(5,158,236)
```

Shade Color Variation

#0ba9fa
```
#0ba9fa rgb(11,169,250)
```
#1faffa
```
#1faffa rgb(31,175,250)
```
#32b6fb
```
#32b6fb rgb(50,182,251)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```
#58c4fb
```
#58c4fb rgb(88,196,251)
```
#6bcbfc
```
#6bcbfc rgb(107,203,252)
```
#7fd1fc
```
#7fd1fc rgb(127,209,252)
```
#92d8fd
```
#92d8fd rgb(146,216,253)
```
#a5dffd
```
#a5dffd rgb(165,223,253)
```
#b8e6fd
```
#b8e6fd rgb(184,230,253)
```
#cbedfe
```
#cbedfe rgb(203,237,254)
```
#dff4fe
```
#dff4fe rgb(223,244,254)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#9da1a3
```
#9da1a3 rgb(157,161,163)
```
#95a3ab
```
#95a3ab rgb(149,163,171)
```
#8ea6b2
```
#8ea6b2 rgb(142,166,178)
```
#87a8b9
```
#87a8b9 rgb(135,168,185)
```
#7faac1
```
#7faac1 rgb(127,170,193)
```
#78adc8
```
#78adc8 rgb(120,173,200)
```
#71afcf
```
#71afcf rgb(113,175,207)
```
#6ab1d6
```
#6ab1d6 rgb(106,177,214)
```
#62b4de
```
#62b4de rgb(98,180,222)
```
#5bb6e5
```
#5bb6e5 rgb(91,182,229)
```
#54b8ec
```
#54b8ec rgb(84,184,236)
```
#4cbbf4
```
#4cbbf4 rgb(76,187,244)
```
#45bdfb
```
#45bdfb rgb(69,189,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#8ea6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b4f2 Protanopia 1% of men
#96b4ff Deuteranopia 1% of men
#1dc7d6 Tritanopia 0.001% of the population

Trichromacy

#80b7f5 Protanomaly 1% of men, 0.01% of women
#78b7fd Deuteranomaly 6% of men, 0.4% of women
#2bc3e3 Tritanomaly 0.01% of the population

#45bdfb hex color

#45bdfb Color Information

#45bdfb Color Conversion

Color Schemes with #45bdfb

Alternatives to #45bdfb

#45bdfb Preview

Shades and Tints of #45bdfb

Tones of #45bdfb

Color Blindness Simulator