#45a7e4 hex color

In a RGB color space, hex #45a7e4 is composed of 27.1% red, 65.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 26.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 203 degrees, a saturation of 74.6% and a lightness of 58.2%. #45a7e4 color hex could be obtained by blending #8affff with #004fc9. Closest websafe color is: #3399cc.

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

● #45a7e4 color description : Soft blue.

The hexadecimal color #45a7e4 has RGB values of R:69, G:167, B:228 and CMYK values of C:0.7, M:0.27, Y:0, K:0.11. Its decimal value is 4564964.

Hex triplet	45a7e4	`#45a7e4`
RGB Decimal	69, 167, 228	`rgb(69,167,228)`
RGB Percent	27.1, 65.5, 89.4	`rgb(27.1%,65.5%,89.4%)`
CMYK	70, 27, 0, 11
HSL	203°, 74.6, 58.2	`hsl(203,74.6%,58.2%)`
HSV (or HSB)	203°, 69.7, 89.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.359, -9.222, -39.03
XYZ	30.273, 34.502, 78.459
xyY	0.211, 0.241, 34.502
CIE-LCH	65.359, 40.105, 256.706
CIE-LUV	65.359, -36.725, -61.051
Hunter-Lab	58.738, -10.794, -38.079
Binary	01000101, 10100111, 11100100

#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#e48245
```
#e48245 rgb(228,130,69)
```

Complementary Color

#45e4d2
```
#45e4d2 rgb(69,228,210)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#4558e4
```
#4558e4 rgb(69,88,228)
```

Analogous Color

#e4d245
```
#e4d245 rgb(228,210,69)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#e44557
```
#e44557 rgb(228,69,87)
```

Split Complementary Color

#a7e445
```
#a7e445 rgb(167,228,69)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#e445a7
```
#e445a7 rgb(228,69,167)
```

Triadic Color

#45e482
```
#45e482 rgb(69,228,130)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#e445a7
```
#e445a7 rgb(228,69,167)
```
#e48245
```
#e48245 rgb(228,130,69)
```

Tetradic Color

#1c81c1
```
#1c81c1 rgb(28,129,193)
```
#1f90d7
```
#1f90d7 rgb(31,144,215)
```
#2f9ce1
```
#2f9ce1 rgb(47,156,225)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#5bb2e7
```
#5bb2e7 rgb(91,178,231)
```
#72bcea
```
#72bcea rgb(114,188,234)
```
#88c7ee
```
#88c7ee rgb(136,199,238)
```

Monochromatic Color

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

#45cfe4
```
#45cfe4 rgb(69,207,228)
```
#45c2e4
```
#45c2e4 rgb(69,194,228)
```
#45b4e4
```
#45b4e4 rgb(69,180,228)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#459ae4
```
#459ae4 rgb(69,154,228)
```
#458de4
```
#458de4 rgb(69,141,228)
```
#457fe4
```
#457fe4 rgb(69,127,228)
```

Similar Colors

Text with hexadecimal color #45a7e4

This text has a font color of #45a7e4.

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

#45a7e4 background color

This paragraph has a background color of #45a7e4.

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

#45a7e4 border color

This element has a border color of #45a7e4.

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

CSS codes

.text {color:#45a7e4;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#030d14
```
#030d14 rgb(3,13,20)
```
#051925
```
#051925 rgb(5,25,37)
```
#082436
```
#082436 rgb(8,36,54)
```
#0a3047
```
#0a3047 rgb(10,48,71)
```
#0d3b58
```
#0d3b58 rgb(13,59,88)
```
#0f4769
```
#0f4769 rgb(15,71,105)
```
#12527a
```
#12527a rgb(18,82,122)
```
#145e8b
```
#145e8b rgb(20,94,139)
```
#17699d
```
#17699d rgb(23,105,157)
```
#1975ae
```
#1975ae rgb(25,117,174)
```
#1c80bf
```
#1c80bf rgb(28,128,191)
```
#1e8cd0
```
#1e8cd0 rgb(30,140,208)
```

Shade Color Variation

#2397df
```
#2397df rgb(35,151,223)
```
#349fe2
```
#349fe2 rgb(52,159,226)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#56afe6
```
#56afe6 rgb(86,175,230)
```
#67b7e9
```
#67b7e9 rgb(103,183,233)
```
#78bfeb
```
#78bfeb rgb(120,191,235)
```
#8ac7ee
```
#8ac7ee rgb(138,199,238)
```
#9bd0f0
```
#9bd0f0 rgb(155,208,240)
```
#acd8f3
```
#acd8f3 rgb(172,216,243)
```
#bde0f5
```
#bde0f5 rgb(189,224,245)
```
#cee8f8
```
#cee8f8 rgb(206,232,248)
```
#dff0fa
```
#dff0fa rgb(223,240,250)
```
#f0f8fd
```
#f0f8fd rgb(240,248,253)
```

Tint Color Variation

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

#8f969a
```
#8f969a rgb(143,150,154)
```
#8798a2
```
#8798a2 rgb(135,152,162)
```
#7e9aab
```
#7e9aab rgb(126,154,171)
```
#769cb3
```
#769cb3 rgb(118,156,179)
```
#6e9dbb
```
#6e9dbb rgb(110,157,187)
```
#669fc3
```
#669fc3 rgb(102,159,195)
```
#5ea1cb
```
#5ea1cb rgb(94,161,203)
```
#55a3d4
```
#55a3d4 rgb(85,163,212)
```
#4da5dc
```
#4da5dc rgb(77,165,220)
```
#45a7e4
```
#45a7e4 rgb(69,167,228)
```
#3da9ec
```
#3da9ec rgb(61,169,236)
```
#35abf4
```
#35abf4 rgb(53,171,244)
```
#2cadfd
```
#2cadfd rgb(44,173,253)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8295a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa1de Protanopia 1% of men
#83a2e8 Deuteranopia 1% of men
#28b2c0 Tritanopia 0.001% of the population

Trichromacy

#74a3e0 Protanomaly 1% of men, 0.01% of women
#6ca4e7 Deuteranomaly 6% of men, 0.4% of women
#32aecd Tritanomaly 0.01% of the population

#45a7e4 hex color

#45a7e4 Color Information

#45a7e4 Color Conversion

Color Schemes with #45a7e4

Alternatives to #45a7e4

#45a7e4 Preview

Shades and Tints of #45a7e4

Tones of #45a7e4

Color Blindness Simulator