#45abdf hex color

In a RGB color space, hex #45abdf is composed of 27.1% red, 67.1% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 23.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 200.3 degrees, a saturation of 70.6% and a lightness of 57.3%. #45abdf color hex could be obtained by blending #8affff with #0057bf. Closest websafe color is: #3399cc.

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

● #45abdf color description : Soft blue.

The hexadecimal color #45abdf has RGB values of R:69, G:171, B:223 and CMYK values of C:0.69, M:0.23, Y:0, K:0.13. Its decimal value is 4565983.

Hex triplet	45abdf	`#45abdf`
RGB Decimal	69, 171, 223	`rgb(69,171,223)`
RGB Percent	27.1, 67.1, 87.5	`rgb(27.1%,67.1%,87.5%)`
CMYK	69, 23, 0, 13
HSL	200.3°, 70.6, 57.3	`hsl(200.3,70.6%,57.3%)`
HSV (or HSB)	200.3°, 69.1, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.303, -13.065, -34.81
XYZ	30.333, 35.716, 75.103
xyY	0.215, 0.253, 35.716
CIE-LCH	66.303, 37.181, 249.428
CIE-LUV	66.303, -38.377, -53.574
Hunter-Lab	59.763, -13.987, -32.675
Binary	01000101, 10101011, 11011111

#45abdf
```
#45abdf rgb(69,171,223)
```
#df7945
```
#df7945 rgb(223,121,69)
```

Complementary Color

#45dfc6
```
#45dfc6 rgb(69,223,198)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#455edf
```
#455edf rgb(69,94,223)
```

Analogous Color

#dfc645
```
#dfc645 rgb(223,198,69)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#df455e
```
#df455e rgb(223,69,94)
```

Split Complementary Color

#abdf45
```
#abdf45 rgb(171,223,69)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#df45ab
```
#df45ab rgb(223,69,171)
```

Triadic Color

#45df79
```
#45df79 rgb(69,223,121)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#df45ab
```
#df45ab rgb(223,69,171)
```
#df7945
```
#df7945 rgb(223,121,69)
```

Tetradic Color

#2084b8
```
#2084b8 rgb(32,132,184)
```
#2394ce
```
#2394ce rgb(35,148,206)
```
#2fa1db
```
#2fa1db rgb(47,161,219)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#5bb5e3
```
#5bb5e3 rgb(91,181,227)
```
#71bfe6
```
#71bfe6 rgb(113,191,230)
```
#86c8ea
```
#86c8ea rgb(134,200,234)
```

Monochromatic Color

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

#45d2df
```
#45d2df rgb(69,210,223)
```
#45c5df
```
#45c5df rgb(69,197,223)
```
#45b8df
```
#45b8df rgb(69,184,223)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#459edf
```
#459edf rgb(69,158,223)
```
#4591df
```
#4591df rgb(69,145,223)
```
#4585df
```
#4585df rgb(69,133,223)
```

Similar Colors

Text with hexadecimal color #45abdf

This text has a font color of #45abdf.

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

#45abdf background color

This paragraph has a background color of #45abdf.

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

#45abdf border color

This element has a border color of #45abdf.

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

CSS codes

.text {color:#45abdf;}

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

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

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, #030b0f is the darkest color, while #fdfeff is the lightest one.

#030b0f
```
#030b0f rgb(3,11,15)
```
#051720
```
#051720 rgb(5,23,32)
```
#082330
```
#082330 rgb(8,35,48)
```
#0b2f41
```
#0b2f41 rgb(11,47,65)
```
#0e3b52
```
#0e3b52 rgb(14,59,82)
```
#114763
```
#114763 rgb(17,71,99)
```
#145373
```
#145373 rgb(20,83,115)
```
#175f84
```
#175f84 rgb(23,95,132)
```
#1a6b95
```
#1a6b95 rgb(26,107,149)
```
#1c77a5
```
#1c77a5 rgb(28,119,165)
```
#1f83b6
```
#1f83b6 rgb(31,131,182)
```
#228fc7
```
#228fc7 rgb(34,143,199)
```
#259bd8
```
#259bd8 rgb(37,155,216)
```

Shade Color Variation

#34a3dc
```
#34a3dc rgb(52,163,220)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#56b3e2
```
#56b3e2 rgb(86,179,226)
```
#66bae5
```
#66bae5 rgb(102,186,229)
```
#77c2e8
```
#77c2e8 rgb(119,194,232)
```
#88c9eb
```
#88c9eb rgb(136,201,235)
```
#99d1ed
```
#99d1ed rgb(153,209,237)
```
#a9d8f0
```
#a9d8f0 rgb(169,216,240)
```
#bae0f3
```
#bae0f3 rgb(186,224,243)
```
#cbe7f6
```
#cbe7f6 rgb(203,231,246)
```
#dceff9
```
#dceff9 rgb(220,239,249)
```
#ecf7fc
```
#ecf7fc rgb(236,247,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#909294
```
#909294 rgb(144,146,148)
```
#88959c
```
#88959c rgb(136,149,156)
```
#8098a4
```
#8098a4 rgb(128,152,164)
```
#779bad
```
#779bad rgb(119,155,173)
```
#6f9db5
```
#6f9db5 rgb(111,157,181)
```
#67a0bd
```
#67a0bd rgb(103,160,189)
```
#5ea3c6
```
#5ea3c6 rgb(94,163,198)
```
#56a6ce
```
#56a6ce rgb(86,166,206)
```
#4da8d7
```
#4da8d7 rgb(77,168,215)
```
#45abdf
```
#45abdf rgb(69,171,223)
```
#3daee7
```
#3daee7 rgb(61,174,231)
```
#34b0f0
```
#34b0f0 rgb(52,176,240)
```
#2cb3f8
```
#2cb3f8 rgb(44,179,248)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8397a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a4d8 Protanopia 1% of men
#8ca4e4 Deuteranopia 1% of men
#33b5c2 Tritanopia 0.001% of the population

Trichromacy

#78a6db Protanomaly 1% of men, 0.01% of women
#72a6e2 Deuteranomaly 6% of men, 0.4% of women
#39b1cc Tritanomaly 0.01% of the population

#45abdf hex color

#45abdf Color Information

#45abdf Color Conversion

Color Schemes with #45abdf

Alternatives to #45abdf

#45abdf Preview

Shades and Tints of #45abdf

Tones of #45abdf

Color Blindness Simulator