#45bafe hex color

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

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

● #45bafe color description : Bright blue.

The hexadecimal color #45bafe has RGB values of R:69, G:186, B:254 and CMYK values of C:0.73, M:0.27, Y:0, K:0. Its decimal value is 4569854.

Hex triplet	45bafe	`#45bafe`
RGB Decimal	69, 186, 254	`rgb(69,186,254)`
RGB Percent	27.1, 72.9, 99.6	`rgb(27.1%,72.9%,99.6%)`
CMYK	73, 27, 0, 0
HSL	202.1°, 98.9, 63.3	`hsl(202.1,98.9%,63.3%)`
HSV (or HSB)	202.1°, 72.8, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.917, -10.94, -42.933
XYZ	37.898, 43.536, 100.166
xyY	0.209, 0.24, 43.536
CIE-LCH	71.917, 44.305, 255.705
CIE-LUV	71.917, -42.013, -68.37
Hunter-Lab	65.982, -12.942, -43.821
Binary	01000101, 10111010, 11111110

#45bafe
```
#45bafe rgb(69,186,254)
```
#fe8945
```
#fe8945 rgb(254,137,69)
```

Complementary Color

#45fee6
```
#45fee6 rgb(69,254,230)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#455dfe
```
#455dfe rgb(69,93,254)
```

Analogous Color

#fee645
```
#fee645 rgb(254,230,69)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#fe455e
```
#fe455e rgb(254,69,94)
```

Split Complementary Color

#bafe45
```
#bafe45 rgb(186,254,69)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#fe45ba
```
#fe45ba rgb(254,69,186)
```

Triadic Color

#45fe89
```
#45fe89 rgb(69,254,137)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#fe45ba
```
#fe45ba rgb(254,69,186)
```
#fe8945
```
#fe8945 rgb(254,137,69)
```

Tetradic Color

#019cf5
```
#019cf5 rgb(1,156,245)
```
#12a7fe
```
#12a7fe rgb(18,167,254)
```
#2cb1fe
```
#2cb1fe rgb(44,177,254)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#5ec3fe
```
#5ec3fe rgb(94,195,254)
```
#78cdfe
```
#78cdfe rgb(120,205,254)
```
#91d6fe
```
#91d6fe rgb(145,214,254)
```

Monochromatic Color

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

#45e8fe
```
#45e8fe rgb(69,232,254)
```
#45d9fe
```
#45d9fe rgb(69,217,254)
```
#45c9fe
```
#45c9fe rgb(69,201,254)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#45abfe
```
#45abfe rgb(69,171,254)
```
#459bfe
```
#459bfe rgb(69,155,254)
```
#458cfe
```
#458cfe rgb(69,140,254)
```

Similar Colors

Text with hexadecimal color #45bafe

This text has a font color of #45bafe.

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

#45bafe background color

This paragraph has a background color of #45bafe.

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

#45bafe border color

This element has a border color of #45bafe.

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

CSS codes

.text {color:#45bafe;}

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

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

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)
```
#00121d
```
#00121d rgb(0,18,29)
```
#001f30
```
#001f30 rgb(0,31,48)
```
#002b44
```
#002b44 rgb(0,43,68)
```
#003757
```
#003757 rgb(0,55,87)
```
#01446b
```
#01446b rgb(1,68,107)
```
#01507e
```
#01507e rgb(1,80,126)
```
#015c92
```
#015c92 rgb(1,92,146)
```
#0169a5
```
#0169a5 rgb(1,105,165)
```
#0175b9
```
#0175b9 rgb(1,117,185)
```
#0182cc
```
#0182cc rgb(1,130,204)
```
#018ee0
```
#018ee0 rgb(1,142,224)
```
#019af3
```
#019af3 rgb(1,154,243)
```

Shade Color Variation

#0aa4fe
```
#0aa4fe rgb(10,164,254)
```
#1eacfe
```
#1eacfe rgb(30,172,254)
```
#31b3fe
```
#31b3fe rgb(49,179,254)
```
#45bafe
```
#45bafe rgb(69,186,254)
```
#59c1fe
```
#59c1fe rgb(89,193,254)
```
#6cc8fe
```
#6cc8fe rgb(108,200,254)
```
#80d0fe
```
#80d0fe rgb(128,208,254)
```
#93d7fe
```
#93d7fe rgb(147,215,254)
```
#a7deff
```
#a7deff rgb(167,222,255)
```
#bae5ff
```
#bae5ff rgb(186,229,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 #45bafe is the most saturated one.

#9ba3a8
```
#9ba3a8 rgb(155,163,168)
```
#94a5af
```
#94a5af rgb(148,165,175)
```
#8da7b6
```
#8da7b6 rgb(141,167,182)
```
#86a9bd
```
#86a9bd rgb(134,169,189)
```
#7fabc4
```
#7fabc4 rgb(127,171,196)
```
#77adcc
```
#77adcc rgb(119,173,204)
```
#70afd3
```
#70afd3 rgb(112,175,211)
```
#69b0da
```
#69b0da rgb(105,176,218)
```
#62b2e1
```
#62b2e1 rgb(98,178,225)
```
#5bb4e8
```
#5bb4e8 rgb(91,180,232)
```
#53b6f0
```
#53b6f0 rgb(83,182,240)
```
#4cb8f7
```
#4cb8f7 rgb(76,184,247)
```
#45bafe
```
#45bafe rgb(69,186,254)
```

Tone Color Variation

Below, you can see how #45bafe 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
#8da4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db2f5 Protanopia 1% of men
#91b3ff Deuteranopia 1% of men
#00c5d4 Tritanopia 0.001% of the population

Trichromacy

#7db4f8 Protanomaly 1% of men, 0.01% of women
#75b5fe Deuteranomaly 6% of men, 0.4% of women
#19c1e3 Tritanomaly 0.01% of the population

#45bafe hex color

#45bafe Color Information

#45bafe Color Conversion

Color Schemes with #45bafe

Alternatives to #45bafe

#45bafe Preview

Shades and Tints of #45bafe

Tones of #45bafe

Color Blindness Simulator