#45a0db hex color

In a RGB color space, hex #45a0db is composed of 27.1% red, 62.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 26.9% magenta, 0% yellow and 14.1% black. It has a hue angle of 203.6 degrees, a saturation of 67.6% and a lightness of 56.5%. #45a0db color hex could be obtained by blending #8affff with #0041b7. Closest websafe color is: #3399cc.

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

● #45a0db color description : Soft blue.

The hexadecimal color #45a0db has RGB values of R:69, G:160, B:219 and CMYK values of C:0.68, M:0.27, Y:0, K:0.14. Its decimal value is 4563163.

Hex triplet	45a0db	`#45a0db`
RGB Decimal	69, 160, 219	`rgb(69,160,219)`
RGB Percent	27.1, 62.7, 85.9	`rgb(27.1%,62.7%,85.9%)`
CMYK	68, 27, 0, 14
HSL	203.6°, 67.6, 56.5	`hsl(203.6,67.6%,56.5%)`
HSV (or HSB)	203.6°, 68.5, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.943, -8.343, -37.836
XYZ	27.808, 31.519, 71.632
xyY	0.212, 0.241, 31.519
CIE-LCH	62.943, 38.745, 257.566
CIE-LUV	62.943, -34.676, -58.804
Hunter-Lab	56.142, -9.834, -36.35
Binary	01000101, 10100000, 11011011

#45a0db
```
#45a0db rgb(69,160,219)
```
#db8045
```
#db8045 rgb(219,128,69)
```

Complementary Color

#45dbcb
```
#45dbcb rgb(69,219,203)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#4555db
```
#4555db rgb(69,85,219)
```

Analogous Color

#dbcb45
```
#dbcb45 rgb(219,203,69)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#db4555
```
#db4555 rgb(219,69,85)
```

Split Complementary Color

#a0db45
```
#a0db45 rgb(160,219,69)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#db45a0
```
#db45a0 rgb(219,69,160)
```

Triadic Color

#45db80
```
#45db80 rgb(69,219,128)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#db45a0
```
#db45a0 rgb(219,69,160)
```
#db8045
```
#db8045 rgb(219,128,69)
```

Tetradic Color

#2279b1
```
#2279b1 rgb(34,121,177)
```
#2688c7
```
#2688c7 rgb(38,136,199)
```
#3095d7
```
#3095d7 rgb(48,149,215)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#5aabdf
```
#5aabdf rgb(90,171,223)
```
#70b6e3
```
#70b6e3 rgb(112,182,227)
```
#85c1e7
```
#85c1e7 rgb(133,193,231)
```

Monochromatic Color

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

#45c6db
```
#45c6db rgb(69,198,219)
```
#45b9db
```
#45b9db rgb(69,185,219)
```
#45addb
```
#45addb rgb(69,173,219)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#4594db
```
#4594db rgb(69,148,219)
```
#4587db
```
#4587db rgb(69,135,219)
```
#457bdb
```
#457bdb rgb(69,123,219)
```

Similar Colors

Text with hexadecimal color #45a0db

This text has a font color of #45a0db.

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

#45a0db background color

This paragraph has a background color of #45a0db.

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

#45a0db border color

This element has a border color of #45a0db.

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

CSS codes

.text {color:#45a0db;}

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

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

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

#02080b
```
#02080b rgb(2,8,11)
```
#05131c
```
#05131c rgb(5,19,28)
```
#091e2c
```
#091e2c rgb(9,30,44)
```
#0c293d
```
#0c293d rgb(12,41,61)
```
#0f354d
```
#0f354d rgb(15,53,77)
```
#12405d
```
#12405d rgb(18,64,93)
```
#154b6e
```
#154b6e rgb(21,75,110)
```
#18567e
```
#18567e rgb(24,86,126)
```
#1c618f
```
#1c618f rgb(28,97,143)
```
#1f6d9f
```
#1f6d9f rgb(31,109,159)
```
#2278b0
```
#2278b0 rgb(34,120,176)
```
#2583c0
```
#2583c0 rgb(37,131,192)
```
#288ed0
```
#288ed0 rgb(40,142,208)
```

Shade Color Variation

#3598d8
```
#3598d8 rgb(53,152,216)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#55a8de
```
#55a8de rgb(85,168,222)
```
#66b1e1
```
#66b1e1 rgb(102,177,225)
```
#76b9e5
```
#76b9e5 rgb(118,185,229)
```
#87c2e8
```
#87c2e8 rgb(135,194,232)
```
#97caeb
```
#97caeb rgb(151,202,235)
```
#a8d2ee
```
#a8d2ee rgb(168,210,238)
```
#b8dbf1
```
#b8dbf1 rgb(184,219,241)
```
#c8e3f4
```
#c8e3f4 rgb(200,227,244)
```
#d9ecf8
```
#d9ecf8 rgb(217,236,248)
```
#e9f4fb
```
#e9f4fb rgb(233,244,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#899197
```
#899197 rgb(137,145,151)
```
#81939f
```
#81939f rgb(129,147,159)
```
#7895a8
```
#7895a8 rgb(120,149,168)
```
#7097b0
```
#7097b0 rgb(112,151,176)
```
#6799b9
```
#6799b9 rgb(103,153,185)
```
#5f9bc1
```
#5f9bc1 rgb(95,155,193)
```
#569cca
```
#569cca rgb(86,156,202)
```
#4e9ed2
```
#4e9ed2 rgb(78,158,210)
```
#45a0db
```
#45a0db rgb(69,160,219)
```
#3ca2e4
```
#3ca2e4 rgb(60,162,228)
```
#34a4ec
```
#34a4ec rgb(52,164,236)
```
#2ba5f5
```
#2ba5f5 rgb(43,165,245)
```
#23a7fd
```
#23a7fd rgb(35,167,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e909c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9bd6 Protanopia 1% of men
#7e9ce0 Deuteranopia 1% of men
#2dacb8 Tritanopia 0.001% of the population

Trichromacy

#719dd7 Protanomaly 1% of men, 0.01% of women
#699dde Deuteranomaly 6% of men, 0.4% of women
#36a7c5 Tritanomaly 0.01% of the population

#45a0db hex color

#45a0db Color Information

#45a0db Color Conversion

Color Schemes with #45a0db

Alternatives to #45a0db

#45a0db Preview

Shades and Tints of #45a0db

Tones of #45a0db

Color Blindness Simulator