#45abe2 hex color

In a RGB color space, hex #45abe2 is composed of 27.1% red, 67.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 24.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 201 degrees, a saturation of 73% and a lightness of 57.8%. #45abe2 color hex could be obtained by blending #8affff with #0057c5. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 67
- B 89
RGB color chart
- C 69
- M 24
- Y 0
- K 11
CMYK color chart

● #45abe2 color description : Soft blue.

The hexadecimal color #45abe2 has RGB values of R:69, G:171, B:226 and CMYK values of C:0.69, M:0.24, Y:0, K:0.11. Its decimal value is 4565986.

Hex triplet	45abe2	`#45abe2`
RGB Decimal	69, 171, 226	`rgb(69,171,226)`
RGB Percent	27.1, 67.1, 88.6	`rgb(27.1%,67.1%,88.6%)`
CMYK	69, 24, 0, 11
HSL	201°, 73, 57.8	`hsl(201,73%,57.8%)`
HSV (or HSB)	201°, 69.5, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.428, -12.079, -36.264
XYZ	30.741, 35.88, 77.253
xyY	0.214, 0.249, 35.88
CIE-LCH	66.428, 38.223, 251.578
CIE-LUV	66.428, -38.227, -56.166
Hunter-Lab	59.9, -13.216, -34.537
Binary	01000101, 10101011, 11100010

#45abe2
```
#45abe2 rgb(69,171,226)
```
#e27c45
```
#e27c45 rgb(226,124,69)
```

Complementary Color

#45e2cb
```
#45e2cb rgb(69,226,203)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#455de2
```
#455de2 rgb(69,93,226)
```

Analogous Color

#e2cb45
```
#e2cb45 rgb(226,203,69)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#e2455d
```
#e2455d rgb(226,69,93)
```

Split Complementary Color

#abe245
```
#abe245 rgb(171,226,69)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#e245ab
```
#e245ab rgb(226,69,171)
```

Triadic Color

#45e27c
```
#45e27c rgb(69,226,124)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#e245ab
```
#e245ab rgb(226,69,171)
```
#e27c45
```
#e27c45 rgb(226,124,69)
```

Tetradic Color

#1d85bd
```
#1d85bd rgb(29,133,189)
```
#2195d3
```
#2195d3 rgb(33,149,211)
```
#2fa1df
```
#2fa1df rgb(47,161,223)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#5bb5e5
```
#5bb5e5 rgb(91,181,229)
```
#71bfe9
```
#71bfe9 rgb(113,191,233)
```
#87c9ec
```
#87c9ec rgb(135,201,236)
```

Monochromatic Color

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

#45d2e2
```
#45d2e2 rgb(69,210,226)
```
#45c5e2
```
#45c5e2 rgb(69,197,226)
```
#45b8e2
```
#45b8e2 rgb(69,184,226)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#459ee2
```
#459ee2 rgb(69,158,226)
```
#4591e2
```
#4591e2 rgb(69,145,226)
```
#4584e2
```
#4584e2 rgb(69,132,226)
```

Similar Colors

Text with hexadecimal color #45abe2

This text has a font color of #45abe2.

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

#45abe2 background color

This paragraph has a background color of #45abe2.

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

#45abe2 border color

This element has a border color of #45abe2.

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

CSS codes

.text {color:#45abe2;}

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

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

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, #000001 is the darkest color, while #eff8fc is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#051823
```
#051823 rgb(5,24,35)
```
#082434
```
#082434 rgb(8,36,52)
```
#0b3045
```
#0b3045 rgb(11,48,69)
```
#0d3c56
```
#0d3c56 rgb(13,60,86)
```
#104866
```
#104866 rgb(16,72,102)
```
#135477
```
#135477 rgb(19,84,119)
```
#156088
```
#156088 rgb(21,96,136)
```
#186c99
```
#186c99 rgb(24,108,153)
```
#1b78aa
```
#1b78aa rgb(27,120,170)
```
#1d84bb
```
#1d84bb rgb(29,132,187)
```
#2090cc
```
#2090cc rgb(32,144,204)
```

Shade Color Variation

#239cdd
```
#239cdd rgb(35,156,221)
```
#34a3df
```
#34a3df rgb(52,163,223)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#56b3e5
```
#56b3e5 rgb(86,179,229)
```
#67bae7
```
#67bae7 rgb(103,186,231)
```
#78c2ea
```
#78c2ea rgb(120,194,234)
```
#89caed
```
#89caed rgb(137,202,237)
```
#9ad1ef
```
#9ad1ef rgb(154,209,239)
```
#abd9f2
```
#abd9f2 rgb(171,217,242)
```
#bce1f5
```
#bce1f5 rgb(188,225,245)
```
#cde8f7
```
#cde8f7 rgb(205,232,247)
```
#def0fa
```
#def0fa rgb(222,240,250)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#8f9598
```
#8f9598 rgb(143,149,152)
```
#8797a0
```
#8797a0 rgb(135,151,160)
```
#7f9aa8
```
#7f9aa8 rgb(127,154,168)
```
#779cb0
```
#779cb0 rgb(119,156,176)
```
#6e9fb9
```
#6e9fb9 rgb(110,159,185)
```
#66a1c1
```
#66a1c1 rgb(102,161,193)
```
#5ea4c9
```
#5ea4c9 rgb(94,164,201)
```
#56a6d1
```
#56a6d1 rgb(86,166,209)
```
#4da9da
```
#4da9da rgb(77,169,218)
```
#45abe2
```
#45abe2 rgb(69,171,226)
```
#3dadea
```
#3dadea rgb(61,173,234)
```
#34b0f3
```
#34b0f3 rgb(52,176,243)
```
#2cb2fb
```
#2cb2fb rgb(44,178,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8398a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a4db Protanopia 1% of men
#8aa5e7 Deuteranopia 1% of men
#2fb5c3 Tritanopia 0.001% of the population

Trichromacy

#78a6de Protanomaly 1% of men, 0.01% of women
#71a7e5 Deuteranomaly 6% of men, 0.4% of women
#37b1ce Tritanomaly 0.01% of the population

#45abe2 hex color

#45abe2 Color Information

#45abe2 Color Conversion

Color Schemes with #45abe2

Alternatives to #45abe2

#45abe2 Preview

Shades and Tints of #45abe2

Tones of #45abe2

Color Blindness Simulator