#45b6dc hex color

In a RGB color space, hex #45b6dc is composed of 27.1% red, 71.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 17.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 195.1 degrees, a saturation of 68.3% and a lightness of 56.7%. #45b6dc color hex could be obtained by blending #8affff with #006db9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 71
- B 86
RGB color chart
- C 69
- M 17
- Y 0
- K 14
CMYK color chart

● #45b6dc color description : Soft blue.

The hexadecimal color #45b6dc has RGB values of R:69, G:182, B:220 and CMYK values of C:0.69, M:0.17, Y:0, K:0.14. Its decimal value is 4568796.

Hex triplet	45b6dc	`#45b6dc`
RGB Decimal	69, 182, 220	`rgb(69,182,220)`
RGB Percent	27.1, 71.4, 86.3	`rgb(27.1%,71.4%,86.3%)`
CMYK	69, 17, 0, 14
HSL	195.1°, 68.3, 56.7	`hsl(195.1,68.3%,56.7%)`
HSV (or HSB)	195.1°, 68.6, 86.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.388, -19.865, -28.393
XYZ	32.097, 39.886, 73.713
xyY	0.22, 0.274, 39.886
CIE-LCH	69.388, 34.652, 235.021
CIE-LUV	69.388, -42.455, -42.191
Hunter-Lab	63.155, -19.803, -24.993
Binary	01000101, 10110110, 11011100

#45b6dc
```
#45b6dc rgb(69,182,220)
```
#dc6b45
```
#dc6b45 rgb(220,107,69)
```

Complementary Color

#45dcb7
```
#45dcb7 rgb(69,220,183)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#456bdc
```
#456bdc rgb(69,107,220)
```

Analogous Color

#dcb745
```
#dcb745 rgb(220,183,69)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#dc456b
```
#dc456b rgb(220,69,107)
```

Split Complementary Color

#b6dc45
```
#b6dc45 rgb(182,220,69)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#dc45b6
```
#dc45b6 rgb(220,69,182)
```

Triadic Color

#45dc6b
```
#45dc6b rgb(69,220,107)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#dc45b6
```
#dc45b6 rgb(220,69,182)
```
#dc6b45
```
#dc6b45 rgb(220,107,69)
```

Tetradic Color

#228eb3
```
#228eb3 rgb(34,142,179)
```
#269fc8
```
#269fc8 rgb(38,159,200)
```
#30aed8
```
#30aed8 rgb(48,174,216)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#5abee0
```
#5abee0 rgb(90,190,224)
```
#70c7e4
```
#70c7e4 rgb(112,199,228)
```
#85cfe8
```
#85cfe8 rgb(133,207,232)
```

Monochromatic Color

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

#45dcdc
```
#45dcdc rgb(69,220,220)
```
#45cfdc
```
#45cfdc rgb(69,207,220)
```
#45c3dc
```
#45c3dc rgb(69,195,220)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#45a9dc
```
#45a9dc rgb(69,169,220)
```
#459ddc
```
#459ddc rgb(69,157,220)
```
#4590dc
```
#4590dc rgb(69,144,220)
```

Similar Colors

Text with hexadecimal color #45b6dc

This text has a font color of #45b6dc.

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

#45b6dc background color

This paragraph has a background color of #45b6dc.

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

#45b6dc border color

This element has a border color of #45b6dc.

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

CSS codes

.text {color:#45b6dc;}

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

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

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

#020a0c
```
#020a0c rgb(2,10,12)
```
#05171d
```
#05171d rgb(5,23,29)
```
#08242d
```
#08242d rgb(8,36,45)
```
#0c313e
```
#0c313e rgb(12,49,62)
```
#0f3e4e
```
#0f3e4e rgb(15,62,78)
```
#124b5f
```
#124b5f rgb(18,75,95)
```
#15586f
```
#15586f rgb(21,88,111)
```
#186680
```
#186680 rgb(24,102,128)
```
#1b7390
```
#1b7390 rgb(27,115,144)
```
#1e80a1
```
#1e80a1 rgb(30,128,161)
```
#218db1
```
#218db1 rgb(33,141,177)
```
#249ac2
```
#249ac2 rgb(36,154,194)
```
#28a7d2
```
#28a7d2 rgb(40,167,210)
```

Shade Color Variation

#34b0d9
```
#34b0d9 rgb(52,176,217)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#56bcdf
```
#56bcdf rgb(86,188,223)
```
#66c3e2
```
#66c3e2 rgb(102,195,226)
```
#77c9e5
```
#77c9e5 rgb(119,201,229)
```
#87d0e8
```
#87d0e8 rgb(135,208,232)
```
#98d6ec
```
#98d6ec rgb(152,214,236)
```
#a8ddef
```
#a8ddef rgb(168,221,239)
```
#b9e3f2
```
#b9e3f2 rgb(185,227,242)
```
#c9eaf5
```
#c9eaf5 rgb(201,234,245)
```
#daf0f8
```
#daf0f8 rgb(218,240,248)
```
#eaf7fb
```
#eaf7fb rgb(234,247,251)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#899498
```
#899498 rgb(137,148,152)
```
#8198a1
```
#8198a1 rgb(129,152,161)
```
#789da9
```
#789da9 rgb(120,157,169)
```
#70a1b2
```
#70a1b2 rgb(112,161,178)
```
#67a5ba
```
#67a5ba rgb(103,165,186)
```
#5ea9c3
```
#5ea9c3 rgb(94,169,195)
```
#56aecb
```
#56aecb rgb(86,174,203)
```
#4eb2d4
```
#4eb2d4 rgb(78,178,212)
```
#45b6dc
```
#45b6dc rgb(69,182,220)
```
#3dbae5
```
#3dbae5 rgb(61,186,229)
```
#34beed
```
#34beed rgb(52,190,237)
```
#2cc3f6
```
#2cc3f6 rgb(44,195,246)
```
#23c7fe
```
#23c7fe rgb(35,199,254)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#889fa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3acd5 Protanopia 1% of men
#9eabe3 Deuteranopia 1% of men
#3fbdcb Tritanopia 0.001% of the population

Trichromacy

#81afd7 Protanomaly 1% of men, 0.01% of women
#7dafe0 Deuteranomaly 6% of men, 0.4% of women
#41bad1 Tritanomaly 0.01% of the population

#45b6dc hex color

#45b6dc Color Information

#45b6dc Color Conversion

Color Schemes with #45b6dc

Alternatives to #45b6dc

#45b6dc Preview

Shades and Tints of #45b6dc

Tones of #45b6dc

Color Blindness Simulator