#45bbdd hex color

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

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

● #45bbdd color description : Soft cyan.

The hexadecimal color #45bbdd has RGB values of R:69, G:187, B:221 and CMYK values of C:0.69, M:0.15, Y:0, K:0.13. Its decimal value is 4570077.

Hex triplet	45bbdd	`#45bbdd`
RGB Decimal	69, 187, 221	`rgb(69,187,221)`
RGB Percent	27.1, 73.3, 86.7	`rgb(27.1%,73.3%,86.7%)`
CMYK	69, 15, 0, 13
HSL	193.4°, 69.1, 56.9	`hsl(193.4,69.1%,56.9%)`
HSV (or HSB)	193.4°, 68.8, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.887, -22.128, -26.636
XYZ	33.272, 42.024, 74.76
xyY	0.222, 0.28, 42.024
CIE-LCH	70.887, 34.629, 230.281
CIE-LUV	70.887, -44.187, -39.052
Hunter-Lab	64.826, -21.828, -22.999
Binary	01000101, 10111011, 11011101

#45bbdd
```
#45bbdd rgb(69,187,221)
```
#dd6745
```
#dd6745 rgb(221,103,69)
```

Complementary Color

#45ddb3
```
#45ddb3 rgb(69,221,179)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#456fdd
```
#456fdd rgb(69,111,221)
```

Analogous Color

#ddb345
```
#ddb345 rgb(221,179,69)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#dd456f
```
#dd456f rgb(221,69,111)
```

Split Complementary Color

#bbdd45
```
#bbdd45 rgb(187,221,69)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#dd45bb
```
#dd45bb rgb(221,69,187)
```

Triadic Color

#45dd67
```
#45dd67 rgb(69,221,103)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#dd45bb
```
#dd45bb rgb(221,69,187)
```
#dd6745
```
#dd6745 rgb(221,103,69)
```

Tetradic Color

#2194b5
```
#2194b5 rgb(33,148,181)
```
#25a5ca
```
#25a5ca rgb(37,165,202)
```
#2fb3d9
```
#2fb3d9 rgb(47,179,217)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#5bc3e1
```
#5bc3e1 rgb(91,195,225)
```
#70cbe5
```
#70cbe5 rgb(112,203,229)
```
#86d3e9
```
#86d3e9 rgb(134,211,233)
```

Monochromatic Color

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

#45ddd9
```
#45ddd9 rgb(69,221,217)
```
#45d4dd
```
#45d4dd rgb(69,212,221)
```
#45c8dd
```
#45c8dd rgb(69,200,221)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#45aedd
```
#45aedd rgb(69,174,221)
```
#45a2dd
```
#45a2dd rgb(69,162,221)
```
#4595dd
```
#4595dd rgb(69,149,221)
```

Similar Colors

Text with hexadecimal color #45bbdd

This text has a font color of #45bbdd.

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

#45bbdd background color

This paragraph has a background color of #45bbdd.

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

#45bbdd border color

This element has a border color of #45bbdd.

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

CSS codes

.text {color:#45bbdd;}

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

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

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)
```
#05181e
```
#05181e rgb(5,24,30)
```
#08262e
```
#08262e rgb(8,38,46)
```
#0b333f
```
#0b333f rgb(11,51,63)
```
#0f414f
```
#0f414f rgb(15,65,79)
```
#124e60
```
#124e60 rgb(18,78,96)
```
#155c71
```
#155c71 rgb(21,92,113)
```
#186981
```
#186981 rgb(24,105,129)
```
#1b7792
```
#1b7792 rgb(27,119,146)
```
#1e85a2
```
#1e85a2 rgb(30,133,162)
```
#2192b3
```
#2192b3 rgb(33,146,179)
```
#24a0c3
```
#24a0c3 rgb(36,160,195)
```
#27add4
```
#27add4 rgb(39,173,212)
```

Shade Color Variation

#34b5da
```
#34b5da rgb(52,181,218)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#56c1e0
```
#56c1e0 rgb(86,193,224)
```
#66c7e3
```
#66c7e3 rgb(102,199,227)
```
#77cde6
```
#77cde6 rgb(119,205,230)
```
#87d3e9
```
#87d3e9 rgb(135,211,233)
```
#98d9ec
```
#98d9ec rgb(152,217,236)
```
#a9dfef
```
#a9dfef rgb(169,223,239)
```
#b9e5f2
```
#b9e5f2 rgb(185,229,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 #23ceff is the most saturated one.

#899699
```
#899699 rgb(137,150,153)
```
#809aa2
```
#809aa2 rgb(128,154,162)
```
#789faa
```
#789faa rgb(120,159,170)
```
#6fa4b3
```
#6fa4b3 rgb(111,164,179)
```
#67a8bb
```
#67a8bb rgb(103,168,187)
```
#5eadc4
```
#5eadc4 rgb(94,173,196)
```
#56b2cc
```
#56b2cc rgb(86,178,204)
```
#4db6d5
```
#4db6d5 rgb(77,182,213)
```
#45bbdd
```
#45bbdd rgb(69,187,221)
```
#3dc0e5
```
#3dc0e5 rgb(61,192,229)
```
#34c4ee
```
#34c4ee rgb(52,196,238)
```
#2cc9f6
```
#2cc9f6 rgb(44,201,246)
```
#23ceff
```
#23ceff rgb(35,206,255)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba2a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b0d5 Protanopia 1% of men
#a4afe4 Deuteranopia 1% of men
#42c1cf Tritanopia 0.001% of the population

Trichromacy

#84b4d8 Protanomaly 1% of men, 0.01% of women
#81b3e1 Deuteranomaly 6% of men, 0.4% of women
#43bfd4 Tritanomaly 0.01% of the population

#45bbdd hex color

#45bbdd Color Information

#45bbdd Color Conversion

Color Schemes with #45bbdd

Alternatives to #45bbdd

#45bbdd Preview

Shades and Tints of #45bbdd

Tones of #45bbdd

Color Blindness Simulator