#45b1dd hex color

In a RGB color space, hex #45b1dd is composed of 27.1% red, 69.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 19.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 197.4 degrees, a saturation of 69.1% and a lightness of 56.9%. #45b1dd color hex could be obtained by blending #8affff with #0063bb. Closest websafe color is: #3399cc.

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

● #45b1dd color description : Soft blue.

The hexadecimal color #45b1dd has RGB values of R:69, G:177, B:221 and CMYK values of C:0.69, M:0.2, Y:0, K:0.13. Its decimal value is 4567517.

Hex triplet	45b1dd	`#45b1dd`
RGB Decimal	69, 177, 221	`rgb(69,177,221)`
RGB Percent	27.1, 69.4, 86.7	`rgb(27.1%,69.4%,86.7%)`
CMYK	69, 20, 0, 13
HSL	197.4°, 69.1, 56.9	`hsl(197.4,69.1%,56.9%)`
HSV (or HSB)	197.4°, 68.8, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.967, -16.926, -31.132
XYZ	31.224, 37.927, 74.078
xyY	0.218, 0.265, 37.927
CIE-LCH	67.967, 35.436, 241.468
CIE-LUV	67.967, -40.614, -47.058
Hunter-Lab	61.585, -17.273, -28.207
Binary	01000101, 10110001, 11011101

#45b1dd
```
#45b1dd rgb(69,177,221)
```
#dd7145
```
#dd7145 rgb(221,113,69)
```

Complementary Color

#45ddbd
```
#45ddbd rgb(69,221,189)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#4565dd
```
#4565dd rgb(69,101,221)
```

Analogous Color

#ddbd45
```
#ddbd45 rgb(221,189,69)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#dd4565
```
#dd4565 rgb(221,69,101)
```

Split Complementary Color

#b1dd45
```
#b1dd45 rgb(177,221,69)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#dd45b1
```
#dd45b1 rgb(221,69,177)
```

Triadic Color

#45dd71
```
#45dd71 rgb(69,221,113)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#dd45b1
```
#dd45b1 rgb(221,69,177)
```
#dd7145
```
#dd7145 rgb(221,113,69)
```

Tetradic Color

#218ab5
```
#218ab5 rgb(33,138,181)
```
#259aca
```
#259aca rgb(37,154,202)
```
#2fa8d9
```
#2fa8d9 rgb(47,168,217)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#5bbae1
```
#5bbae1 rgb(91,186,225)
```
#70c3e5
```
#70c3e5 rgb(112,195,229)
```
#86cce9
```
#86cce9 rgb(134,204,233)
```

Monochromatic Color

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

#45d7dd
```
#45d7dd rgb(69,215,221)
```
#45cadd
```
#45cadd rgb(69,202,221)
```
#45bedd
```
#45bedd rgb(69,190,221)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#45a4dd
```
#45a4dd rgb(69,164,221)
```
#4598dd
```
#4598dd rgb(69,152,221)
```
#458bdd
```
#458bdd rgb(69,139,221)
```

Similar Colors

Text with hexadecimal color #45b1dd

This text has a font color of #45b1dd.

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

#45b1dd background color

This paragraph has a background color of #45b1dd.

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

#45b1dd border color

This element has a border color of #45b1dd.

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

CSS codes

.text {color:#45b1dd;}

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

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

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

#020a0d
```
#020a0d rgb(2,10,13)
```
#05171e
```
#05171e rgb(5,23,30)
```
#08232e
```
#08232e rgb(8,35,46)
```
#0b303f
```
#0b303f rgb(11,48,63)
```
#0f3d4f
```
#0f3d4f rgb(15,61,79)
```
#124960
```
#124960 rgb(18,73,96)
```
#155671
```
#155671 rgb(21,86,113)
```
#186381
```
#186381 rgb(24,99,129)
```
#1b6f92
```
#1b6f92 rgb(27,111,146)
```
#1e7ca2
```
#1e7ca2 rgb(30,124,162)
```
#2189b3
```
#2189b3 rgb(33,137,179)
```
#2495c3
```
#2495c3 rgb(36,149,195)
```
#27a2d4
```
#27a2d4 rgb(39,162,212)
```

Shade Color Variation

#34aada
```
#34aada rgb(52,170,218)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#56b8e0
```
#56b8e0 rgb(86,184,224)
```
#66bfe3
```
#66bfe3 rgb(102,191,227)
```
#77c6e6
```
#77c6e6 rgb(119,198,230)
```
#87cde9
```
#87cde9 rgb(135,205,233)
```
#98d4ec
```
#98d4ec rgb(152,212,236)
```
#a9dbef
```
#a9dbef rgb(169,219,239)
```
#b9e2f2
```
#b9e2f2 rgb(185,226,242)
```
#cae9f5
```
#cae9f5 rgb(202,233,245)
```
#daf0f8
```
#daf0f8 rgb(218,240,248)
```
#ebf7fb
```
#ebf7fb rgb(235,247,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#899499
```
#899499 rgb(137,148,153)
```
#8098a2
```
#8098a2 rgb(128,152,162)
```
#789caa
```
#789caa rgb(120,156,170)
```
#6f9fb3
```
#6f9fb3 rgb(111,159,179)
```
#67a3bb
```
#67a3bb rgb(103,163,187)
```
#5ea6c4
```
#5ea6c4 rgb(94,166,196)
```
#56aacc
```
#56aacc rgb(86,170,204)
```
#4dadd5
```
#4dadd5 rgb(77,173,213)
```
#45b1dd
```
#45b1dd rgb(69,177,221)
```
#3db5e5
```
#3db5e5 rgb(61,181,229)
```
#34b8ee
```
#34b8ee rgb(52,184,238)
```
#2cbcf6
```
#2cbcf6 rgb(44,188,246)
```
#23bfff
```
#23bfff rgb(35,191,255)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869ba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da8d6 Protanopia 1% of men
#96a8e3 Deuteranopia 1% of men
#3ab9c7 Tritanopia 0.001% of the population

Trichromacy

#7dabd8 Protanomaly 1% of men, 0.01% of women
#78abe1 Deuteranomaly 6% of men, 0.4% of women
#3eb6cf Tritanomaly 0.01% of the population

#45b1dd hex color

#45b1dd Color Information

#45b1dd Color Conversion

Color Schemes with #45b1dd

Alternatives to #45b1dd

#45b1dd Preview

Shades and Tints of #45b1dd

Tones of #45b1dd

Color Blindness Simulator