#45aded hex color

In a RGB color space, hex #45aded is composed of 27.1% red, 67.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 27% magenta, 0% yellow and 7.1% black. It has a hue angle of 202.9 degrees, a saturation of 82.4% and a lightness of 60%. #45aded color hex could be obtained by blending #8affff with #005bdb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 68
- B 93
RGB color chart
- C 71
- M 27
- Y 0
- K 7
CMYK color chart

● #45aded color description : Bright blue.

The hexadecimal color #45aded has RGB values of R:69, G:173, B:237 and CMYK values of C:0.71, M:0.27, Y:0, K:0.07. Its decimal value is 4566509.

Hex triplet	45aded	`#45aded`
RGB Decimal	69, 173, 237	`rgb(69,173,237)`
RGB Percent	27.1, 67.8, 92.9	`rgb(27.1%,67.8%,92.9%)`
CMYK	71, 27, 0, 7
HSL	202.9°, 82.4, 60	`hsl(202.9,82.4%,60%)`
HSV (or HSB)	202.9°, 70.9, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.475, -9.522, -40.655
XYZ	32.68, 37.264, 85.587
xyY	0.21, 0.24, 37.264
CIE-LCH	67.475, 41.756, 256.818
CIE-LUV	67.475, -38.386, -64.061
Hunter-Lab	61.044, -11.268, -40.396
Binary	01000101, 10101101, 11101101

#45aded
```
#45aded rgb(69,173,237)
```
#ed8545
```
#ed8545 rgb(237,133,69)
```

Complementary Color

#45edd9
```
#45edd9 rgb(69,237,217)
```
#45aded
```
#45aded rgb(69,173,237)
```
#4559ed
```
#4559ed rgb(69,89,237)
```

Analogous Color

#edd945
```
#edd945 rgb(237,217,69)
```
#45aded
```
#45aded rgb(69,173,237)
```
#ed4559
```
#ed4559 rgb(237,69,89)
```

Split Complementary Color

#aded45
```
#aded45 rgb(173,237,69)
```
#45aded
```
#45aded rgb(69,173,237)
```
#ed45ad
```
#ed45ad rgb(237,69,173)
```

Triadic Color

#45ed85
```
#45ed85 rgb(69,237,133)
```
#45aded
```
#45aded rgb(69,173,237)
```
#ed45ad
```
#ed45ad rgb(237,69,173)
```
#ed8545
```
#ed8545 rgb(237,133,69)
```

Tetradic Color

#1489d1
```
#1489d1 rgb(20,137,209)
```
#1799e9
```
#1799e9 rgb(23,153,233)
```
#2ea3eb
```
#2ea3eb rgb(46,163,235)
```
#45aded
```
#45aded rgb(69,173,237)
```
#5cb7ef
```
#5cb7ef rgb(92,183,239)
```
#74c2f2
```
#74c2f2 rgb(116,194,242)
```
#8bccf4
```
#8bccf4 rgb(139,204,244)
```

Monochromatic Color

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

#45d7ed
```
#45d7ed rgb(69,215,237)
```
#45c9ed
```
#45c9ed rgb(69,201,237)
```
#45bbed
```
#45bbed rgb(69,187,237)
```
#45aded
```
#45aded rgb(69,173,237)
```
#459fed
```
#459fed rgb(69,159,237)
```
#4591ed
```
#4591ed rgb(69,145,237)
```
#4583ed
```
#4583ed rgb(69,131,237)
```

Similar Colors

Text with hexadecimal color #45aded

This text has a font color of #45aded.

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

#45aded background color

This paragraph has a background color of #45aded.

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

#45aded border color

This element has a border color of #45aded.

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

CSS codes

.text {color:#45aded;}

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

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

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, #01070b is the darkest color, while #f8fcfe is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#03131d
```
#03131d rgb(3,19,29)
```
#041f2f
```
#041f2f rgb(4,31,47)
```
#062a40
```
#062a40 rgb(6,42,64)
```
#083652
```
#083652 rgb(8,54,82)
```
#0a4264
```
#0a4264 rgb(10,66,100)
```
#0b4d76
```
#0b4d76 rgb(11,77,118)
```
#0d5988
```
#0d5988 rgb(13,89,136)
```
#0f659a
```
#0f659a rgb(15,101,154)
```
#1171ac
```
#1171ac rgb(17,113,172)
```
#127cbe
```
#127cbe rgb(18,124,190)
```
#1488cf
```
#1488cf rgb(20,136,207)
```
#1694e1
```
#1694e1 rgb(22,148,225)
```

Shade Color Variation

#219dea
```
#219dea rgb(33,157,234)
```
#33a5eb
```
#33a5eb rgb(51,165,235)
```
#45aded
```
#45aded rgb(69,173,237)
```
#57b5ef
```
#57b5ef rgb(87,181,239)
```
#69bdf0
```
#69bdf0 rgb(105,189,240)
```
#7bc5f2
```
#7bc5f2 rgb(123,197,242)
```
#8dcdf4
```
#8dcdf4 rgb(141,205,244)
```
#9ed4f6
```
#9ed4f6 rgb(158,212,246)
```
#b0dcf7
```
#b0dcf7 rgb(176,220,247)
```
#c2e4f9
```
#c2e4f9 rgb(194,228,249)
```
#d4ecfb
```
#d4ecfb rgb(212,236,251)
```
#e6f4fd
```
#e6f4fd rgb(230,244,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939a9f is the less saturated color, while #35b1fd is the most saturated one.

#939a9f
```
#939a9f rgb(147,154,159)
```
#8c9ca6
```
#8c9ca6 rgb(140,156,166)
```
#849eae
```
#849eae rgb(132,158,174)
```
#7ca0b6
```
#7ca0b6 rgb(124,160,182)
```
#74a2be
```
#74a2be rgb(116,162,190)
```
#6ca4c6
```
#6ca4c6 rgb(108,164,198)
```
#64a6ce
```
#64a6ce rgb(100,166,206)
```
#5da7d5
```
#5da7d5 rgb(93,167,213)
```
#55a9dd
```
#55a9dd rgb(85,169,221)
```
#4dabe5
```
#4dabe5 rgb(77,171,229)
```
#45aded
```
#45aded rgb(69,173,237)
```
#3daff5
```
#3daff5 rgb(61,175,245)
```
#35b1fd
```
#35b1fd rgb(53,177,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#859aa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a6e6 Protanopia 1% of men
#86a8f1 Deuteranopia 1% of men
#20b9c6 Tritanopia 0.001% of the population

Trichromacy

#77a9e8 Protanomaly 1% of men, 0.01% of women
#6ea9ef Deuteranomaly 6% of men, 0.4% of women
#2db4d4 Tritanomaly 0.01% of the population

#45aded hex color

#45aded Color Information

#45aded Color Conversion

Color Schemes with #45aded

Alternatives to #45aded

#45aded Preview

Shades and Tints of #45aded

Tones of #45aded

Color Blindness Simulator