#45bddd hex color

In a RGB color space, hex #45bddd is composed of 27.1% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 68.8% cyan, 14.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 192.6 degrees, a saturation of 69.1% and a lightness of 56.9%. #45bddd color hex could be obtained by blending #8affff with #007bbb. Closest websafe color is: #33cccc.

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

● #45bddd color description : Soft cyan.

The hexadecimal color #45bddd has RGB values of R:69, G:189, B:221 and CMYK values of C:0.69, M:0.14, Y:0, K:0.13. Its decimal value is 4570589.

Hex triplet	45bddd	`#45bddd`
RGB Decimal	69, 189, 221	`rgb(69,189,221)`
RGB Percent	27.1, 74.1, 86.7	`rgb(27.1%,74.1%,86.7%)`
CMYK	69, 14, 0, 13
HSL	192.6°, 69.1, 56.9	`hsl(192.6,69.1%,56.9%)`
HSV (or HSB)	192.6°, 68.8, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.472, -23.148, -25.739
XYZ	33.699, 42.878, 74.903
xyY	0.222, 0.283, 42.878
CIE-LCH	71.472, 34.617, 228.035
CIE-LUV	71.472, -44.902, -37.451
Hunter-Lab	65.481, -22.729, -21.984
Binary	01000101, 10111101, 11011101

#45bddd
```
#45bddd rgb(69,189,221)
```
#dd6545
```
#dd6545 rgb(221,101,69)
```

Complementary Color

#45ddb1
```
#45ddb1 rgb(69,221,177)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#4571dd
```
#4571dd rgb(69,113,221)
```

Analogous Color

#ddb145
```
#ddb145 rgb(221,177,69)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#dd4571
```
#dd4571 rgb(221,69,113)
```

Split Complementary Color

#bddd45
```
#bddd45 rgb(189,221,69)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#dd45bd
```
#dd45bd rgb(221,69,189)
```

Triadic Color

#45dd65
```
#45dd65 rgb(69,221,101)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#dd45bd
```
#dd45bd rgb(221,69,189)
```
#dd6545
```
#dd6545 rgb(221,101,69)
```

Tetradic Color

#2195b5
```
#2195b5 rgb(33,149,181)
```
#25a7ca
```
#25a7ca rgb(37,167,202)
```
#2fb5d9
```
#2fb5d9 rgb(47,181,217)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#5bc5e1
```
#5bc5e1 rgb(91,197,225)
```
#70cce5
```
#70cce5 rgb(112,204,229)
```
#86d4e9
```
#86d4e9 rgb(134,212,233)
```

Monochromatic Color

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

#45ddd7
```
#45ddd7 rgb(69,221,215)
```
#45d6dd
```
#45d6dd rgb(69,214,221)
```
#45cadd
```
#45cadd rgb(69,202,221)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#45b0dd
```
#45b0dd rgb(69,176,221)
```
#45a4dd
```
#45a4dd rgb(69,164,221)
```
#4597dd
```
#4597dd rgb(69,151,221)
```

Similar Colors

Text with hexadecimal color #45bddd

This text has a font color of #45bddd.

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

#45bddd background color

This paragraph has a background color of #45bddd.

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

#45bddd border color

This element has a border color of #45bddd.

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

CSS codes

.text {color:#45bddd;}

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

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

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

#020b0d
```
#020b0d rgb(2,11,13)
```
#05191e
```
#05191e rgb(5,25,30)
```
#08262e
```
#08262e rgb(8,38,46)
```
#0b343f
```
#0b343f rgb(11,52,63)
```
#0f424f
```
#0f424f rgb(15,66,79)
```
#124f60
```
#124f60 rgb(18,79,96)
```
#155d71
```
#155d71 rgb(21,93,113)
```
#186b81
```
#186b81 rgb(24,107,129)
```
#1b7992
```
#1b7992 rgb(27,121,146)
```
#1e86a2
```
#1e86a2 rgb(30,134,162)
```
#2194b3
```
#2194b3 rgb(33,148,179)
```
#24a2c3
```
#24a2c3 rgb(36,162,195)
```
#27b0d4
```
#27b0d4 rgb(39,176,212)
```

Shade Color Variation

#34b7da
```
#34b7da rgb(52,183,218)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#56c3e0
```
#56c3e0 rgb(86,195,224)
```
#66c9e3
```
#66c9e3 rgb(102,201,227)
```
#77cfe6
```
#77cfe6 rgb(119,207,230)
```
#87d5e9
```
#87d5e9 rgb(135,213,233)
```
#98daec
```
#98daec rgb(152,218,236)
```
#a9e0ef
```
#a9e0ef rgb(169,224,239)
```
#b9e6f2
```
#b9e6f2 rgb(185,230,242)
```
#caecf5
```
#caecf5 rgb(202,236,245)
```
#daf2f8
```
#daf2f8 rgb(218,242,248)
```
#ebf8fb
```
#ebf8fb rgb(235,248,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#899699
```
#899699 rgb(137,150,153)
```
#809ba2
```
#809ba2 rgb(128,155,162)
```
#78a0aa
```
#78a0aa rgb(120,160,170)
```
#6fa5b3
```
#6fa5b3 rgb(111,165,179)
```
#67a9bb
```
#67a9bb rgb(103,169,187)
```
#5eaec4
```
#5eaec4 rgb(94,174,196)
```
#56b3cc
```
#56b3cc rgb(86,179,204)
```
#4db8d5
```
#4db8d5 rgb(77,184,213)
```
#45bddd
```
#45bddd rgb(69,189,221)
```
#3dc2e5
```
#3dc2e5 rgb(61,194,229)
```
#34c7ee
```
#34c7ee rgb(52,199,238)
```
#2cccf6
```
#2cccf6 rgb(44,204,246)
```
#23d1ff
```
#23d1ff rgb(35,209,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ba3aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d5 Protanopia 1% of men
#a7b0e4 Deuteranopia 1% of men
#43c2d1 Tritanopia 0.001% of the population

Trichromacy

#85b5d8 Protanomaly 1% of men, 0.01% of women
#83b5e2 Deuteranomaly 6% of men, 0.4% of women
#44c0d5 Tritanomaly 0.01% of the population

#45bddd hex color

#45bddd Color Information

#45bddd Color Conversion

Color Schemes with #45bddd

Alternatives to #45bddd

#45bddd Preview

Shades and Tints of #45bddd

Tones of #45bddd

Color Blindness Simulator