#45a8da hex color

In a RGB color space, hex #45a8da is composed of 27.1% red, 65.9% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 22.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 200.1 degrees, a saturation of 66.8% and a lightness of 56.3%. #45a8da color hex could be obtained by blending #8affff with #0051b5. Closest websafe color is: #3399cc.

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

● #45a8da color description : Soft blue.

The hexadecimal color #45a8da has RGB values of R:69, G:168, B:218 and CMYK values of C:0.68, M:0.23, Y:0, K:0.15. Its decimal value is 4565210.

Hex triplet	45a8da	`#45a8da`
RGB Decimal	69, 168, 218	`rgb(69,168,218)`
RGB Percent	27.1, 65.9, 85.5	`rgb(27.1%,65.9%,85.5%)`
CMYK	68, 23, 0, 15
HSL	200.1°, 66.8, 56.3	`hsl(200.1,66.8%,56.3%)`
HSV (or HSB)	200.1°, 68.3, 85.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.224, -13.076, -33.731
XYZ	29.109, 34.33, 71.418
xyY	0.216, 0.255, 34.33
CIE-LCH	65.224, 36.177, 248.811
CIE-LUV	65.224, -37.559, -51.631
Hunter-Lab	58.592, -13.857, -31.255
Binary	01000101, 10101000, 11011010

#45a8da
```
#45a8da rgb(69,168,218)
```
#da7745
```
#da7745 rgb(218,119,69)
```

Complementary Color

#45dac2
```
#45dac2 rgb(69,218,194)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#455eda
```
#455eda rgb(69,94,218)
```

Analogous Color

#dac245
```
#dac245 rgb(218,194,69)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#da455e
```
#da455e rgb(218,69,94)
```

Split Complementary Color

#a8da45
```
#a8da45 rgb(168,218,69)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#da45a8
```
#da45a8 rgb(218,69,168)
```

Triadic Color

#45da77
```
#45da77 rgb(69,218,119)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#da45a8
```
#da45a8 rgb(218,69,168)
```
#da7745
```
#da7745 rgb(218,119,69)
```

Tetradic Color

#2380b0
```
#2380b0 rgb(35,128,176)
```
#2790c5
```
#2790c5 rgb(39,144,197)
```
#309ed6
```
#309ed6 rgb(48,158,214)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#5ab2de
```
#5ab2de rgb(90,178,222)
```
#70bce2
```
#70bce2 rgb(112,188,226)
```
#85c6e7
```
#85c6e7 rgb(133,198,231)
```

Monochromatic Color

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

#45cdda
```
#45cdda rgb(69,205,218)
```
#45c1da
```
#45c1da rgb(69,193,218)
```
#45b4da
```
#45b4da rgb(69,180,218)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#459cda
```
#459cda rgb(69,156,218)
```
#458fda
```
#458fda rgb(69,143,218)
```
#4583da
```
#4583da rgb(69,131,218)
```

Similar Colors

Text with hexadecimal color #45a8da

This text has a font color of #45a8da.

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

#45a8da background color

This paragraph has a background color of #45a8da.

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

#45a8da border color

This element has a border color of #45a8da.

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

CSS codes

.text {color:#45a8da;}

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

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

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

#02080a
```
#02080a rgb(2,8,10)
```
#05141b
```
#05141b rgb(5,20,27)
```
#091f2b
```
#091f2b rgb(9,31,43)
```
#0c2b3b
```
#0c2b3b rgb(12,43,59)
```
#0f374c
```
#0f374c rgb(15,55,76)
```
#12435c
```
#12435c rgb(18,67,92)
```
#164f6c
```
#164f6c rgb(22,79,108)
```
#195b7d
```
#195b7d rgb(25,91,125)
```
#1c678d
```
#1c678d rgb(28,103,141)
```
#1f739e
```
#1f739e rgb(31,115,158)
```
#237fae
```
#237fae rgb(35,127,174)
```
#268bbe
```
#268bbe rgb(38,139,190)
```
#2997cf
```
#2997cf rgb(41,151,207)
```

Shade Color Variation

#35a0d7
```
#35a0d7 rgb(53,160,215)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#55b0dd
```
#55b0dd rgb(85,176,221)
```
#66b7e1
```
#66b7e1 rgb(102,183,225)
```
#76bfe4
```
#76bfe4 rgb(118,191,228)
```
#86c7e7
```
#86c7e7 rgb(134,199,231)
```
#97ceea
```
#97ceea rgb(151,206,234)
```
#a7d6ee
```
#a7d6ee rgb(167,214,238)
```
#b8def1
```
#b8def1 rgb(184,222,241)
```
#c8e5f4
```
#c8e5f4 rgb(200,229,244)
```
#d8edf7
```
#d8edf7 rgb(216,237,247)
```
#e9f5fb
```
#e9f5fb rgb(233,245,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#8a9195
```
#8a9195 rgb(138,145,149)
```
#81949e
```
#81949e rgb(129,148,158)
```
#7897a7
```
#7897a7 rgb(120,151,167)
```
#709aaf
```
#709aaf rgb(112,154,175)
```
#679db8
```
#679db8 rgb(103,157,184)
```
#5fa0c0
```
#5fa0c0 rgb(95,160,192)
```
#56a2c9
```
#56a2c9 rgb(86,162,201)
```
#4ea5d1
```
#4ea5d1 rgb(78,165,209)
```
#45a8da
```
#45a8da rgb(69,168,218)
```
#3cabe3
```
#3cabe3 rgb(60,171,227)
```
#34aeeb
```
#34aeeb rgb(52,174,235)
```
#2bb0f4
```
#2bb0f4 rgb(43,176,244)
```
#23b3fc
```
#23b3fc rgb(35,179,252)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#81959f Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a1d4 Protanopia 1% of men
#8ba1e0 Deuteranopia 1% of men
#36b2bf Tritanopia 0.001% of the population

Trichromacy

#77a3d6 Protanomaly 1% of men, 0.01% of women
#71a4dd Deuteranomaly 6% of men, 0.4% of women
#3baec8 Tritanomaly 0.01% of the population

#45a8da hex color

#45a8da Color Information

#45a8da Color Conversion

Color Schemes with #45a8da

Alternatives to #45a8da

#45a8da Preview

Shades and Tints of #45a8da

Tones of #45a8da

Color Blindness Simulator