#45b2e2 hex color

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

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

● #45b2e2 color description : Soft blue.

The hexadecimal color #45b2e2 has RGB values of R:69, G:178, B:226 and CMYK values of C:0.69, M:0.21, Y:0, K:0.11. Its decimal value is 4567778.

Hex triplet	45b2e2	`#45b2e2`
RGB Decimal	69, 178, 226	`rgb(69,178,226)`
RGB Percent	27.1, 69.8, 88.6	`rgb(27.1%,69.8%,88.6%)`
CMYK	69, 21, 0, 11
HSL	198.3°, 73, 57.8	`hsl(198.3,73%,57.8%)`
HSV (or HSB)	198.3°, 69.5, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	68.456, -15.844, -33.114
XYZ	32.099, 38.594, 77.705
xyY	0.216, 0.26, 38.594
CIE-LCH	68.456, 36.709, 244.43
CIE-LUV	68.456, -40.703, -50.591
Hunter-Lab	62.124, -16.49, -30.673
Binary	01000101, 10110010, 11100010

#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#e27545
```
#e27545 rgb(226,117,69)
```

Complementary Color

#45e2c4
```
#45e2c4 rgb(69,226,196)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#4564e2
```
#4564e2 rgb(69,100,226)
```

Analogous Color

#e2c445
```
#e2c445 rgb(226,196,69)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#e24564
```
#e24564 rgb(226,69,100)
```

Split Complementary Color

#b2e245
```
#b2e245 rgb(178,226,69)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#e245b2
```
#e245b2 rgb(226,69,178)
```

Triadic Color

#45e275
```
#45e275 rgb(69,226,117)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#e245b2
```
#e245b2 rgb(226,69,178)
```
#e27545
```
#e27545 rgb(226,117,69)
```

Tetradic Color

#1d8cbd
```
#1d8cbd rgb(29,140,189)
```
#219dd3
```
#219dd3 rgb(33,157,211)
```
#2fa9df
```
#2fa9df rgb(47,169,223)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#5bbbe5
```
#5bbbe5 rgb(91,187,229)
```
#71c4e9
```
#71c4e9 rgb(113,196,233)
```
#87cdec
```
#87cdec rgb(135,205,236)
```

Monochromatic Color

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

#45d9e2
```
#45d9e2 rgb(69,217,226)
```
#45cce2
```
#45cce2 rgb(69,204,226)
```
#45bfe2
```
#45bfe2 rgb(69,191,226)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#45a5e2
```
#45a5e2 rgb(69,165,226)
```
#4598e2
```
#4598e2 rgb(69,152,226)
```
#458be2
```
#458be2 rgb(69,139,226)
```

Similar Colors

Text with hexadecimal color #45b2e2

This text has a font color of #45b2e2.

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

#45b2e2 background color

This paragraph has a background color of #45b2e2.

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

#45b2e2 border color

This element has a border color of #45b2e2.

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

CSS codes

.text {color:#45b2e2;}

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

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

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)
```
#030d12
```
#030d12 rgb(3,13,18)
```
#051a23
```
#051a23 rgb(5,26,35)
```
#082634
```
#082634 rgb(8,38,52)
```
#0b3345
```
#0b3345 rgb(11,51,69)
```
#0d3f56
```
#0d3f56 rgb(13,63,86)
```
#104c66
```
#104c66 rgb(16,76,102)
```
#135977
```
#135977 rgb(19,89,119)
```
#156588
```
#156588 rgb(21,101,136)
```
#187299
```
#187299 rgb(24,114,153)
```
#1b7eaa
```
#1b7eaa rgb(27,126,170)
```
#1d8bbb
```
#1d8bbb rgb(29,139,187)
```
#2098cc
```
#2098cc rgb(32,152,204)
```

Shade Color Variation

#23a4dd
```
#23a4dd rgb(35,164,221)
```
#34abdf
```
#34abdf rgb(52,171,223)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#56b9e5
```
#56b9e5 rgb(86,185,229)
```
#67c0e7
```
#67c0e7 rgb(103,192,231)
```
#78c7ea
```
#78c7ea rgb(120,199,234)
```
#89ceed
```
#89ceed rgb(137,206,237)
```
#9ad5ef
```
#9ad5ef rgb(154,213,239)
```
#abdcf2
```
#abdcf2 rgb(171,220,242)
```
#bce3f5
```
#bce3f5 rgb(188,227,245)
```
#cdeaf7
```
#cdeaf7 rgb(205,234,247)
```
#def1fa
```
#def1fa rgb(222,241,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 #2cbcfb is the most saturated one.

#8f9598
```
#8f9598 rgb(143,149,152)
```
#8798a0
```
#8798a0 rgb(135,152,160)
```
#7f9ca8
```
#7f9ca8 rgb(127,156,168)
```
#779fb0
```
#779fb0 rgb(119,159,176)
```
#6ea2b9
```
#6ea2b9 rgb(110,162,185)
```
#66a5c1
```
#66a5c1 rgb(102,165,193)
```
#5ea8c9
```
#5ea8c9 rgb(94,168,201)
```
#56acd1
```
#56acd1 rgb(86,172,209)
```
#4dafda
```
#4dafda rgb(77,175,218)
```
#45b2e2
```
#45b2e2 rgb(69,178,226)
```
#3db5ea
```
#3db5ea rgb(61,181,234)
```
#34b8f3
```
#34b8f3 rgb(52,184,243)
```
#2cbcfb
```
#2cbcfb rgb(44,188,251)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#879ca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da9db Protanopia 1% of men
#95a9e8 Deuteranopia 1% of men
#36bbc8 Tritanopia 0.001% of the population

Trichromacy

#7dacdd Protanomaly 1% of men, 0.01% of women
#78ace6 Deuteranomaly 6% of men, 0.4% of women
#3bb7d1 Tritanomaly 0.01% of the population

#45b2e2 hex color

#45b2e2 Color Information

#45b2e2 Color Conversion

Color Schemes with #45b2e2

Alternatives to #45b2e2

#45b2e2 Preview

Shades and Tints of #45b2e2

Tones of #45b2e2

Color Blindness Simulator