#45cbdd hex color

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

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

● #45cbdd color description : Soft cyan.

The hexadecimal color #45cbdd has RGB values of R:69, G:203, B:221 and CMYK values of C:0.69, M:0.08, Y:0, K:0.13. Its decimal value is 4574173.

Hex triplet	45cbdd	`#45cbdd`
RGB Decimal	69, 203, 221	`rgb(69,203,221)`
RGB Percent	27.1, 79.6, 86.7	`rgb(27.1%,79.6%,86.7%)`
CMYK	69, 8, 0, 13
HSL	187.1°, 69.1, 56.9	`hsl(187.1,69.1%,56.9%)`
HSV (or HSB)	187.1°, 68.8, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.572, -30.094, -19.494
XYZ	36.858, 49.194, 75.956
xyY	0.228, 0.304, 49.194
CIE-LCH	75.572, 35.856, 212.934
CIE-LUV	75.572, -49.905, -26.283
Hunter-Lab	70.139, -28.942, -15.11
Binary	01000101, 11001011, 11011101

#45cbdd
```
#45cbdd rgb(69,203,221)
```
#dd5745
```
#dd5745 rgb(221,87,69)
```

Complementary Color

#45dda3
```
#45dda3 rgb(69,221,163)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#457fdd
```
#457fdd rgb(69,127,221)
```

Analogous Color

#dda345
```
#dda345 rgb(221,163,69)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#dd457f
```
#dd457f rgb(221,69,127)
```

Split Complementary Color

#cbdd45
```
#cbdd45 rgb(203,221,69)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#dd45cb
```
#dd45cb rgb(221,69,203)
```

Triadic Color

#45dd57
```
#45dd57 rgb(69,221,87)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#dd45cb
```
#dd45cb rgb(221,69,203)
```
#dd5745
```
#dd5745 rgb(221,87,69)
```

Tetradic Color

#21a3b5
```
#21a3b5 rgb(33,163,181)
```
#25b7ca
```
#25b7ca rgb(37,183,202)
```
#2fc5d9
```
#2fc5d9 rgb(47,197,217)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#5bd1e1
```
#5bd1e1 rgb(91,209,225)
```
#70d7e5
```
#70d7e5 rgb(112,215,229)
```
#86dde9
```
#86dde9 rgb(134,221,233)
```

Monochromatic Color

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

#45ddc9
```
#45ddc9 rgb(69,221,201)
```
#45ddd6
```
#45ddd6 rgb(69,221,214)
```
#45d8dd
```
#45d8dd rgb(69,216,221)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#45bedd
```
#45bedd rgb(69,190,221)
```
#45b2dd
```
#45b2dd rgb(69,178,221)
```
#45a5dd
```
#45a5dd rgb(69,165,221)
```

Similar Colors

Text with hexadecimal color #45cbdd

This text has a font color of #45cbdd.

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

#45cbdd background color

This paragraph has a background color of #45cbdd.

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

#45cbdd border color

This element has a border color of #45cbdd.

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

CSS codes

.text {color:#45cbdd;}

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

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

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

#020c0d
```
#020c0d rgb(2,12,13)
```
#051b1e
```
#051b1e rgb(5,27,30)
```
#082a2e
```
#082a2e rgb(8,42,46)
```
#0b393f
```
#0b393f rgb(11,57,63)
```
#0f484f
```
#0f484f rgb(15,72,79)
```
#125760
```
#125760 rgb(18,87,96)
```
#156671
```
#156671 rgb(21,102,113)
```
#187581
```
#187581 rgb(24,117,129)
```
#1b8492
```
#1b8492 rgb(27,132,146)
```
#1e93a2
```
#1e93a2 rgb(30,147,162)
```
#21a2b3
```
#21a2b3 rgb(33,162,179)
```
#24b1c3
```
#24b1c3 rgb(36,177,195)
```
#27bfd4
```
#27bfd4 rgb(39,191,212)
```

Shade Color Variation

#34c6da
```
#34c6da rgb(52,198,218)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#56d0e0
```
#56d0e0 rgb(86,208,224)
```
#66d4e3
```
#66d4e3 rgb(102,212,227)
```
#77d9e6
```
#77d9e6 rgb(119,217,230)
```
#87dee9
```
#87dee9 rgb(135,222,233)
```
#98e2ec
```
#98e2ec rgb(152,226,236)
```
#a9e7ef
```
#a9e7ef rgb(169,231,239)
```
#b9ebf2
```
#b9ebf2 rgb(185,235,242)
```
#caf0f5
```
#caf0f5 rgb(202,240,245)
```
#daf5f8
```
#daf5f8 rgb(218,245,248)
```
#ebf9fb
```
#ebf9fb rgb(235,249,251)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#899799
```
#899799 rgb(137,151,153)
```
#809ea2
```
#809ea2 rgb(128,158,162)
```
#78a4aa
```
#78a4aa rgb(120,164,170)
```
#6fabb3
```
#6fabb3 rgb(111,171,179)
```
#67b1bb
```
#67b1bb rgb(103,177,187)
```
#5eb8c4
```
#5eb8c4 rgb(94,184,196)
```
#56becc
```
#56becc rgb(86,190,204)
```
#4dc5d5
```
#4dc5d5 rgb(77,197,213)
```
#45cbdd
```
#45cbdd rgb(69,203,221)
```
#3dd1e5
```
#3dd1e5 rgb(61,209,229)
```
#34d8ee
```
#34d8ee rgb(52,216,238)
```
#2cdef6
```
#2cdef6 rgb(44,222,246)
```
#23e5ff
```
#23e5ff rgb(35,229,255)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#92adb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9bcd4 Protanopia 1% of men
#b9bae6 Deuteranopia 1% of men
#4dcddd Tritanopia 0.001% of the population

Trichromacy

#8fc1d7 Protanomaly 1% of men, 0.01% of women
#8fc0e2 Deuteranomaly 6% of men, 0.4% of women
#4accdd Tritanomaly 0.01% of the population

#45cbdd hex color

#45cbdd Color Information

#45cbdd Color Conversion

Color Schemes with #45cbdd

Alternatives to #45cbdd

#45cbdd Preview

Shades and Tints of #45cbdd

Tones of #45cbdd

Color Blindness Simulator