#45bbda hex color

In a RGB color space, hex #45bbda is composed of 27.1% red, 73.3% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 14.2% magenta, 0% yellow and 14.5% black. It has a hue angle of 192.5 degrees, a saturation of 66.8% and a lightness of 56.3%. #45bbda color hex could be obtained by blending #8affff with #0077b5. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 73
- B 85
RGB color chart
- C 68
- M 14
- Y 0
- K 15
CMYK color chart

● #45bbda color description : Soft cyan.

The hexadecimal color #45bbda has RGB values of R:69, G:187, B:218 and CMYK values of C:0.68, M:0.14, Y:0, K:0.15. Its decimal value is 4570074.

Hex triplet	45bbda	`#45bbda`
RGB Decimal	69, 187, 218	`rgb(69,187,218)`
RGB Percent	27.1, 73.3, 85.5	`rgb(27.1%,73.3%,85.5%)`
CMYK	68, 14, 0, 15
HSL	192.5°, 66.8, 56.3	`hsl(192.5,66.8%,56.3%)`
HSV (or HSB)	192.5°, 68.3, 85.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.778, -23.061, -25.168
XYZ	32.876, 41.865, 72.674
xyY	0.223, 0.284, 41.865
CIE-LCH	70.778, 34.135, 227.501
CIE-LUV	70.778, -44.36, -36.457
Hunter-Lab	64.703, -22.534, -21.302
Binary	01000101, 10111011, 11011010

#45bbda
```
#45bbda rgb(69,187,218)
```
#da6445
```
#da6445 rgb(218,100,69)
```

Complementary Color

#45daaf
```
#45daaf rgb(69,218,175)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#4571da
```
#4571da rgb(69,113,218)
```

Analogous Color

#daaf45
```
#daaf45 rgb(218,175,69)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#da4571
```
#da4571 rgb(218,69,113)
```

Split Complementary Color

#bbda45
```
#bbda45 rgb(187,218,69)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#da45bb
```
#da45bb rgb(218,69,187)
```

Triadic Color

#45da64
```
#45da64 rgb(69,218,100)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#da45bb
```
#da45bb rgb(218,69,187)
```
#da6445
```
#da6445 rgb(218,100,69)
```

Tetradic Color

#2392b0
```
#2392b0 rgb(35,146,176)
```
#27a4c5
```
#27a4c5 rgb(39,164,197)
```
#30b3d6
```
#30b3d6 rgb(48,179,214)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#5ac3de
```
#5ac3de rgb(90,195,222)
```
#70cbe2
```
#70cbe2 rgb(112,203,226)
```
#85d2e7
```
#85d2e7 rgb(133,210,231)
```

Monochromatic Color

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

#45dad4
```
#45dad4 rgb(69,218,212)
```
#45d4da
```
#45d4da rgb(69,212,218)
```
#45c7da
```
#45c7da rgb(69,199,218)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#45afda
```
#45afda rgb(69,175,218)
```
#45a2da
```
#45a2da rgb(69,162,218)
```
#4596da
```
#4596da rgb(69,150,218)
```

Similar Colors

Text with hexadecimal color #45bbda

This text has a font color of #45bbda.

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

#45bbda background color

This paragraph has a background color of #45bbda.

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

#45bbda border color

This element has a border color of #45bbda.

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

CSS codes

.text {color:#45bbda;}

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

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

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, #02090a is the darkest color, while #f9fdfe is the lightest one.

#02090a
```
#02090a rgb(2,9,10)
```
#05161b
```
#05161b rgb(5,22,27)
```
#09242b
```
#09242b rgb(9,36,43)
```
#0c323b
```
#0c323b rgb(12,50,59)
```
#0f3f4c
```
#0f3f4c rgb(15,63,76)
```
#124d5c
```
#124d5c rgb(18,77,92)
```
#165a6c
```
#165a6c rgb(22,90,108)
```
#19687d
```
#19687d rgb(25,104,125)
```
#1c768d
```
#1c768d rgb(28,118,141)
```
#1f839e
```
#1f839e rgb(31,131,158)
```
#2391ae
```
#2391ae rgb(35,145,174)
```
#269fbe
```
#269fbe rgb(38,159,190)
```
#29accf
```
#29accf rgb(41,172,207)
```

Shade Color Variation

#35b5d7
```
#35b5d7 rgb(53,181,215)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#55c1dd
```
#55c1dd rgb(85,193,221)
```
#66c7e1
```
#66c7e1 rgb(102,199,225)
```
#76cde4
```
#76cde4 rgb(118,205,228)
```
#86d3e7
```
#86d3e7 rgb(134,211,231)
```
#97d9ea
```
#97d9ea rgb(151,217,234)
```
#a7dfee
```
#a7dfee rgb(167,223,238)
```
#b8e5f1
```
#b8e5f1 rgb(184,229,241)
```
#c8ebf4
```
#c8ebf4 rgb(200,235,244)
```
#d8f1f7
```
#d8f1f7 rgb(216,241,247)
```
#e9f7fb
```
#e9f7fb rgb(233,247,251)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#8a9395
```
#8a9395 rgb(138,147,149)
```
#81989e
```
#81989e rgb(129,152,158)
```
#789da7
```
#789da7 rgb(120,157,167)
```
#70a2af
```
#70a2af rgb(112,162,175)
```
#67a7b8
```
#67a7b8 rgb(103,167,184)
```
#5facc0
```
#5facc0 rgb(95,172,192)
```
#56b1c9
```
#56b1c9 rgb(86,177,201)
```
#4eb6d1
```
#4eb6d1 rgb(78,182,209)
```
#45bbda
```
#45bbda rgb(69,187,218)
```
#3cc0e3
```
#3cc0e3 rgb(60,192,227)
```
#34c5eb
```
#34c5eb rgb(52,197,235)
```
#2bcaf4
```
#2bcaf4 rgb(43,202,244)
```
#23cffc
```
#23cffc rgb(35,207,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9afd2 Protanopia 1% of men
#a6aee2 Deuteranopia 1% of men
#44c0ce Tritanopia 0.001% of the population

Trichromacy

#84b3d5 Protanomaly 1% of men, 0.01% of women
#82b3df Deuteranomaly 6% of men, 0.4% of women
#44bed2 Tritanomaly 0.01% of the population

#45bbda hex color

#45bbda Color Information

#45bbda Color Conversion

Color Schemes with #45bbda

Alternatives to #45bbda

#45bbda Preview

Shades and Tints of #45bbda

Tones of #45bbda

Color Blindness Simulator