#45adff hex color

In a RGB color space, hex #45adff is composed of 27.1% red, 67.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 32.2% magenta, 0% yellow and 0% black. It has a hue angle of 206.5 degrees, a saturation of 100% and a lightness of 63.5%. #45adff color hex could be obtained by blending #8affff with #005bff. Closest websafe color is: #3399ff.

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

● #45adff color description : Light blue.

The hexadecimal color #45adff has RGB values of R:69, G:173, B:255 and CMYK values of C:0.73, M:0.32, Y:0, K:0. Its decimal value is 4566527.

Hex triplet	45adff	`#45adff`
RGB Decimal	69, 173, 255	`rgb(69,173,255)`
RGB Percent	27.1, 67.8, 100	`rgb(27.1%,67.8%,100%)`
CMYK	73, 32, 0, 0
HSL	206.5°, 100, 63.5	`hsl(206.5,100%,63.5%)`
HSV (or HSB)	206.5°, 72.9, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.292, -3.438, -49.166
XYZ	35.443, 38.369, 100.14
xyY	0.204, 0.221, 38.369
CIE-LCH	68.292, 49.286, 266
CIE-LUV	68.292, -37.54, -79.408
Hunter-Lab	61.943, -6.264, -52.491
Binary	01000101, 10101101, 11111111

#45adff
```
#45adff rgb(69,173,255)
```
#ff9745
```
#ff9745 rgb(255,151,69)
```

Complementary Color

#45fff4
```
#45fff4 rgb(69,255,244)
```
#45adff
```
#45adff rgb(69,173,255)
```
#4550ff
```
#4550ff rgb(69,80,255)
```

Analogous Color

#fff445
```
#fff445 rgb(255,244,69)
```
#45adff
```
#45adff rgb(69,173,255)
```
#ff4550
```
#ff4550 rgb(255,69,80)
```

Split Complementary Color

#adff45
```
#adff45 rgb(173,255,69)
```
#45adff
```
#45adff rgb(69,173,255)
```
#ff45ad
```
#ff45ad rgb(255,69,173)
```

Triadic Color

#45ff97
```
#45ff97 rgb(69,255,151)
```
#45adff
```
#45adff rgb(69,173,255)
```
#ff45ad
```
#ff45ad rgb(255,69,173)
```
#ff9745
```
#ff9745 rgb(255,151,69)
```

Tetradic Color

#008af8
```
#008af8 rgb(0,138,248)
```
#1297ff
```
#1297ff rgb(18,151,255)
```
#2ca2ff
```
#2ca2ff rgb(44,162,255)
```
#45adff
```
#45adff rgb(69,173,255)
```
#5fb8ff
```
#5fb8ff rgb(95,184,255)
```
#78c3ff
```
#78c3ff rgb(120,195,255)
```
#92cfff
```
#92cfff rgb(146,207,255)
```

Monochromatic Color

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

#45dcff
```
#45dcff rgb(69,220,255)
```
#45ccff
```
#45ccff rgb(69,204,255)
```
#45bdff
```
#45bdff rgb(69,189,255)
```
#45adff
```
#45adff rgb(69,173,255)
```
#459eff
```
#459eff rgb(69,158,255)
```
#458eff
```
#458eff rgb(69,142,255)
```
#457fff
```
#457fff rgb(69,127,255)
```

Similar Colors

Text with hexadecimal color #45adff

This text has a font color of #45adff.

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

#45adff background color

This paragraph has a background color of #45adff.

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

#45adff border color

This element has a border color of #45adff.

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

CSS codes

.text {color:#45adff;}

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

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

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)
```
#00111e
```
#00111e rgb(0,17,30)
```
#001c31
```
#001c31 rgb(0,28,49)
```
#002745
```
#002745 rgb(0,39,69)
```
#003259
```
#003259 rgb(0,50,89)
```
#003d6c
```
#003d6c rgb(0,61,108)
```
#004780
```
#004780 rgb(0,71,128)
```
#005293
```
#005293 rgb(0,82,147)
```
#005da7
```
#005da7 rgb(0,93,167)
```
#0068bb
```
#0068bb rgb(0,104,187)
```
#0073ce
```
#0073ce rgb(0,115,206)
```
#007ee2
```
#007ee2 rgb(0,126,226)
```
#0089f6
```
#0089f6 rgb(0,137,246)
```

Shade Color Variation

#0a93ff
```
#0a93ff rgb(10,147,255)
```
#1e9cff
```
#1e9cff rgb(30,156,255)
```
#31a4ff
```
#31a4ff rgb(49,164,255)
```
#45adff
```
#45adff rgb(69,173,255)
```
#59b6ff
```
#59b6ff rgb(89,182,255)
```
#6cbeff
```
#6cbeff rgb(108,190,255)
```
#80c7ff
```
#80c7ff rgb(128,199,255)
```
#93d0ff
```
#93d0ff rgb(147,208,255)
```
#a7d8ff
```
#a7d8ff rgb(167,216,255)
```
#bbe1ff
```
#bbe1ff rgb(187,225,255)
```
#ceeaff
```
#ceeaff rgb(206,234,255)
```
#e2f2ff
```
#e2f2ff rgb(226,242,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#9ba3a9
```
#9ba3a9 rgb(155,163,169)
```
#94a4b0
```
#94a4b0 rgb(148,164,176)
```
#8da5b7
```
#8da5b7 rgb(141,165,183)
```
#85a5bf
```
#85a5bf rgb(133,165,191)
```
#7ea6c6
```
#7ea6c6 rgb(126,166,198)
```
#77a7cd
```
#77a7cd rgb(119,167,205)
```
#70a8d4
```
#70a8d4 rgb(112,168,212)
```
#69a9db
```
#69a9db rgb(105,169,219)
```
#62aae2
```
#62aae2 rgb(98,170,226)
```
#5aaaea
```
#5aaaea rgb(90,170,234)
```
#53abf1
```
#53abf1 rgb(83,171,241)
```
#4cacf8
```
#4cacf8 rgb(76,172,248)
```
#45adff
```
#45adff rgb(69,173,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#879bac Atypical Achromatopsia 0.001% of the population

Dichromacy

#8da8f8 Protanopia 1% of men
#7aabff Deuteranopia 1% of men
#00bbc9 Tritanopia 0.001% of the population

Trichromacy

#72aafa Protanomaly 1% of men, 0.01% of women
#67abff Deuteranomaly 6% of men, 0.4% of women
#19b6dc Tritanomaly 0.01% of the population

#45adff hex color

#45adff Color Information

#45adff Color Conversion

Color Schemes with #45adff

Alternatives to #45adff

#45adff Preview

Shades and Tints of #45adff

Tones of #45adff

Color Blindness Simulator