#45adde hex color

In a RGB color space, hex #45adde is composed of 27.1% red, 67.8% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 22.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 199.2 degrees, a saturation of 69.9% and a lightness of 57.1%. #45adde color hex could be obtained by blending #8affff with #005bbd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 68
- B 87
RGB color chart
- C 69
- M 22
- Y 0
- K 13
CMYK color chart

● #45adde color description : Soft blue.

The hexadecimal color #45adde has RGB values of R:69, G:173, B:222 and CMYK values of C:0.69, M:0.22, Y:0, K:0.13. Its decimal value is 4566494.

Hex triplet	45adde	`#45adde`
RGB Decimal	69, 173, 222	`rgb(69,173,222)`
RGB Percent	27.1, 67.8, 87.1	`rgb(27.1%,67.8%,87.1%)`
CMYK	69, 22, 0, 13
HSL	199.2°, 69.9, 57.1	`hsl(199.2,69.9%,57.1%)`
HSV (or HSB)	199.2°, 68.9, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.842, -14.47, -33.422
XYZ	30.579, 36.424, 74.522
xyY	0.216, 0.257, 36.424
CIE-LCH	66.842, 36.42, 246.59
CIE-LUV	66.842, -39.137, -51.117
Hunter-Lab	60.352, -15.174, -30.964
Binary	01000101, 10101101, 11011110

#45adde
```
#45adde rgb(69,173,222)
```
#de7645
```
#de7645 rgb(222,118,69)
```

Complementary Color

#45dec3
```
#45dec3 rgb(69,222,195)
```
#45adde
```
#45adde rgb(69,173,222)
```
#4561de
```
#4561de rgb(69,97,222)
```

Analogous Color

#dec345
```
#dec345 rgb(222,195,69)
```
#45adde
```
#45adde rgb(69,173,222)
```
#de4561
```
#de4561 rgb(222,69,97)
```

Split Complementary Color

#adde45
```
#adde45 rgb(173,222,69)
```
#45adde
```
#45adde rgb(69,173,222)
```
#de45ad
```
#de45ad rgb(222,69,173)
```

Triadic Color

#45de76
```
#45de76 rgb(69,222,118)
```
#45adde
```
#45adde rgb(69,173,222)
```
#de45ad
```
#de45ad rgb(222,69,173)
```
#de7645
```
#de7645 rgb(222,118,69)
```

Tetradic Color

#2086b6
```
#2086b6 rgb(32,134,182)
```
#2496cc
```
#2496cc rgb(36,150,204)
```
#2fa3da
```
#2fa3da rgb(47,163,218)
```
#45adde
```
#45adde rgb(69,173,222)
```
#5bb7e2
```
#5bb7e2 rgb(91,183,226)
```
#70c0e6
```
#70c0e6 rgb(112,192,230)
```
#86caea
```
#86caea rgb(134,202,234)
```

Monochromatic Color

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

#45d3de
```
#45d3de rgb(69,211,222)
```
#45c7de
```
#45c7de rgb(69,199,222)
```
#45bade
```
#45bade rgb(69,186,222)
```
#45adde
```
#45adde rgb(69,173,222)
```
#45a0de
```
#45a0de rgb(69,160,222)
```
#4594de
```
#4594de rgb(69,148,222)
```
#4587de
```
#4587de rgb(69,135,222)
```

Similar Colors

Text with hexadecimal color #45adde

This text has a font color of #45adde.

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

#45adde background color

This paragraph has a background color of #45adde.

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

#45adde border color

This element has a border color of #45adde.

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

CSS codes

.text {color:#45adde;}

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

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

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, #020a0e is the darkest color, while #fcfeff is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#05171f
```
#05171f rgb(5,23,31)
```
#08232f
```
#08232f rgb(8,35,47)
```
#0b2f40
```
#0b2f40 rgb(11,47,64)
```
#0e3b51
```
#0e3b51 rgb(14,59,81)
```
#114861
```
#114861 rgb(17,72,97)
```
#145472
```
#145472 rgb(20,84,114)
```
#176083
```
#176083 rgb(23,96,131)
```
#1a6c93
```
#1a6c93 rgb(26,108,147)
```
#1d79a4
```
#1d79a4 rgb(29,121,164)
```
#2085b5
```
#2085b5 rgb(32,133,181)
```
#2391c5
```
#2391c5 rgb(35,145,197)
```
#269dd6
```
#269dd6 rgb(38,157,214)
```

Shade Color Variation

#34a6db
```
#34a6db rgb(52,166,219)
```
#45adde
```
#45adde rgb(69,173,222)
```
#56b4e1
```
#56b4e1 rgb(86,180,225)
```
#66bce4
```
#66bce4 rgb(102,188,228)
```
#77c3e7
```
#77c3e7 rgb(119,195,231)
```
#88caea
```
#88caea rgb(136,202,234)
```
#98d2ed
```
#98d2ed rgb(152,210,237)
```
#a9d9f0
```
#a9d9f0 rgb(169,217,240)
```
#bae0f3
```
#bae0f3 rgb(186,224,243)
```
#cae8f6
```
#cae8f6 rgb(202,232,246)
```
#dbeff9
```
#dbeff9 rgb(219,239,249)
```
#ecf6fc
```
#ecf6fc rgb(236,246,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919292 is the less saturated color, while #2cb6f7 is the most saturated one.

#919292
```
#919292 rgb(145,146,146)
```
#88959b
```
#88959b rgb(136,149,155)
```
#8098a3
```
#8098a3 rgb(128,152,163)
```
#789bab
```
#789bab rgb(120,155,171)
```
#6f9eb4
```
#6f9eb4 rgb(111,158,180)
```
#67a1bc
```
#67a1bc rgb(103,161,188)
```
#5ea4c5
```
#5ea4c5 rgb(94,164,197)
```
#56a7cd
```
#56a7cd rgb(86,167,205)
```
#4daad6
```
#4daad6 rgb(77,170,214)
```
#45adde
```
#45adde rgb(69,173,222)
```
#3db0e6
```
#3db0e6 rgb(61,176,230)
```
#34b3ef
```
#34b3ef rgb(52,179,239)
```
#2cb6f7
```
#2cb6f7 rgb(44,182,247)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8398a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a5d7 Protanopia 1% of men
#90a5e4 Deuteranopia 1% of men
#36b6c3 Tritanopia 0.001% of the population

Trichromacy

#7aa8da Protanomaly 1% of men, 0.01% of women
#74a8e1 Deuteranomaly 6% of men, 0.4% of women
#3bb3cd Tritanomaly 0.01% of the population

#45adde hex color

#45adde Color Information

#45adde Color Conversion

Color Schemes with #45adde

Alternatives to #45adde

#45adde Preview

Shades and Tints of #45adde

Tones of #45adde

Color Blindness Simulator