#45baff hex color

In a RGB color space, hex #45baff is composed of 27.1% red, 72.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 27.1% magenta, 0% yellow and 0% black. It has a hue angle of 202.3 degrees, a saturation of 100% and a lightness of 63.5%. #45baff color hex could be obtained by blending #8affff with #0075ff. 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

● #45baff color description : Light blue.

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

Hex triplet	45baff	`#45baff`
RGB Decimal	69, 186, 255	`rgb(69,186,255)`
RGB Percent	27.1, 72.9, 100	`rgb(27.1%,72.9%,100%)`
CMYK	73, 27, 0, 0
HSL	202.3°, 100, 63.5	`hsl(202.3,100%,63.5%)`
HSV (or HSB)	202.3°, 72.9, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.96, -10.607, -43.404
XYZ	38.059, 43.6, 101.012
xyY	0.208, 0.239, 43.6
CIE-LCH	71.96, 44.681, 256.267
CIE-LUV	71.96, -41.961, -69.228
Hunter-Lab	66.03, -12.668, -44.48
Binary	01000101, 10111010, 11111111

#45baff
```
#45baff rgb(69,186,255)
```
#ff8a45
```
#ff8a45 rgb(255,138,69)
```

Complementary Color

#45ffe7
```
#45ffe7 rgb(69,255,231)
```
#45baff
```
#45baff rgb(69,186,255)
```
#455dff
```
#455dff rgb(69,93,255)
```

Analogous Color

#ffe745
```
#ffe745 rgb(255,231,69)
```
#45baff
```
#45baff rgb(69,186,255)
```
#ff455d
```
#ff455d rgb(255,69,93)
```

Split Complementary Color

#baff45
```
#baff45 rgb(186,255,69)
```
#45baff
```
#45baff rgb(69,186,255)
```
#ff45ba
```
#ff45ba rgb(255,69,186)
```

Triadic Color

#45ff8a
```
#45ff8a rgb(69,255,138)
```
#45baff
```
#45baff rgb(69,186,255)
```
#ff45ba
```
#ff45ba rgb(255,69,186)
```
#ff8a45
```
#ff8a45 rgb(255,138,69)
```

Tetradic Color

#009cf8
```
#009cf8 rgb(0,156,248)
```
#12a7ff
```
#12a7ff rgb(18,167,255)
```
#2cb1ff
```
#2cb1ff rgb(44,177,255)
```
#45baff
```
#45baff rgb(69,186,255)
```
#5fc3ff
```
#5fc3ff rgb(95,195,255)
```
#78cdff
```
#78cdff rgb(120,205,255)
```
#92d6ff
```
#92d6ff rgb(146,214,255)
```

Monochromatic Color

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

#45e9ff
```
#45e9ff rgb(69,233,255)
```
#45d9ff
```
#45d9ff rgb(69,217,255)
```
#45caff
```
#45caff rgb(69,202,255)
```
#45baff
```
#45baff rgb(69,186,255)
```
#45abff
```
#45abff rgb(69,171,255)
```
#459bff
```
#459bff rgb(69,155,255)
```
#458cff
```
#458cff rgb(69,140,255)
```

Similar Colors

Text with hexadecimal color #45baff

This text has a font color of #45baff.

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

#45baff background color

This paragraph has a background color of #45baff.

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

#45baff border color

This element has a border color of #45baff.

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

CSS codes

.text {color:#45baff;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00131e
```
#00131e rgb(0,19,30)
```
#001f31
```
#001f31 rgb(0,31,49)
```
#002b45
```
#002b45 rgb(0,43,69)
```
#003859
```
#003859 rgb(0,56,89)
```
#00446c
```
#00446c rgb(0,68,108)
```
#005080
```
#005080 rgb(0,80,128)
```
#005d93
```
#005d93 rgb(0,93,147)
```
#0069a7
```
#0069a7 rgb(0,105,167)
```
#0075bb
```
#0075bb rgb(0,117,187)
```
#0082ce
```
#0082ce rgb(0,130,206)
```
#008ee2
```
#008ee2 rgb(0,142,226)
```
#009af6
```
#009af6 rgb(0,154,246)
```

Shade Color Variation

#0aa4ff
```
#0aa4ff rgb(10,164,255)
```
#1eabff
```
#1eabff rgb(30,171,255)
```
#31b3ff
```
#31b3ff rgb(49,179,255)
```
#45baff
```
#45baff rgb(69,186,255)
```
#59c1ff
```
#59c1ff rgb(89,193,255)
```
#6cc9ff
```
#6cc9ff rgb(108,201,255)
```
#80d0ff
```
#80d0ff rgb(128,208,255)
```
#93d7ff
```
#93d7ff rgb(147,215,255)
```
#a7deff
```
#a7deff rgb(167,222,255)
```
#bbe6ff
```
#bbe6ff rgb(187,230,255)
```
#ceedff
```
#ceedff rgb(206,237,255)
```
#e2f4ff
```
#e2f4ff rgb(226,244,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#9ba4a9
```
#9ba4a9 rgb(155,164,169)
```
#94a6b0
```
#94a6b0 rgb(148,166,176)
```
#8da8b7
```
#8da8b7 rgb(141,168,183)
```
#85a9bf
```
#85a9bf rgb(133,169,191)
```
#7eabc6
```
#7eabc6 rgb(126,171,198)
```
#77adcd
```
#77adcd rgb(119,173,205)
```
#70afd4
```
#70afd4 rgb(112,175,212)
```
#69b1db
```
#69b1db rgb(105,177,219)
```
#62b3e2
```
#62b3e2 rgb(98,179,226)
```
#5ab4ea
```
#5ab4ea rgb(90,180,234)
```
#53b6f1
```
#53b6f1 rgb(83,182,241)
```
#4cb8f8
```
#4cb8f8 rgb(76,184,248)
```
#45baff
```
#45baff rgb(69,186,255)
```

Tone Color Variation

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

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

Trichromacy

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

#45baff hex color

#45baff Color Information

#45baff Color Conversion

Color Schemes with #45baff

Alternatives to #45baff

#45baff Preview

Shades and Tints of #45baff

Tones of #45baff

Color Blindness Simulator