#45abed hex color

In a RGB color space, hex #45abed is composed of 27.1% red, 67.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 27.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 203.6 degrees, a saturation of 82.4% and a lightness of 60%. #45abed color hex could be obtained by blending #8affff with #0057db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 67
- B 93
RGB color chart
- C 71
- M 28
- Y 0
- K 7
CMYK color chart

● #45abed color description : Bright blue.

The hexadecimal color #45abed has RGB values of R:69, G:171, B:237 and CMYK values of C:0.71, M:0.28, Y:0, K:0.07. Its decimal value is 4565997.

Hex triplet	45abed	`#45abed`
RGB Decimal	69, 171, 237	`rgb(69,171,237)`
RGB Percent	27.1, 67.1, 92.9	`rgb(27.1%,67.1%,92.9%)`
CMYK	71, 28, 0, 7
HSL	203.6°, 82.4, 60	`hsl(203.6,82.4%,60%)`
HSV (or HSB)	203.6°, 70.9, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.902, -8.421, -41.551
XYZ	32.299, 36.503, 85.46
xyY	0.209, 0.237, 36.503
CIE-LCH	66.902, 42.396, 258.544
CIE-LUV	66.902, -37.692, -65.636
Hunter-Lab	60.418, -10.304, -41.572
Binary	01000101, 10101011, 11101101

#45abed
```
#45abed rgb(69,171,237)
```
#ed8745
```
#ed8745 rgb(237,135,69)
```

Complementary Color

#45eddb
```
#45eddb rgb(69,237,219)
```
#45abed
```
#45abed rgb(69,171,237)
```
#4557ed
```
#4557ed rgb(69,87,237)
```

Analogous Color

#eddb45
```
#eddb45 rgb(237,219,69)
```
#45abed
```
#45abed rgb(69,171,237)
```
#ed4557
```
#ed4557 rgb(237,69,87)
```

Split Complementary Color

#abed45
```
#abed45 rgb(171,237,69)
```
#45abed
```
#45abed rgb(69,171,237)
```
#ed45ab
```
#ed45ab rgb(237,69,171)
```

Triadic Color

#45ed87
```
#45ed87 rgb(69,237,135)
```
#45abed
```
#45abed rgb(69,171,237)
```
#ed45ab
```
#ed45ab rgb(237,69,171)
```
#ed8745
```
#ed8745 rgb(237,135,69)
```

Tetradic Color

#1487d1
```
#1487d1 rgb(20,135,209)
```
#1796e9
```
#1796e9 rgb(23,150,233)
```
#2ea1eb
```
#2ea1eb rgb(46,161,235)
```
#45abed
```
#45abed rgb(69,171,237)
```
#5cb6ef
```
#5cb6ef rgb(92,182,239)
```
#74c0f2
```
#74c0f2 rgb(116,192,242)
```
#8bcbf4
```
#8bcbf4 rgb(139,203,244)
```

Monochromatic Color

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

#45d5ed
```
#45d5ed rgb(69,213,237)
```
#45c7ed
```
#45c7ed rgb(69,199,237)
```
#45b9ed
```
#45b9ed rgb(69,185,237)
```
#45abed
```
#45abed rgb(69,171,237)
```
#459ded
```
#459ded rgb(69,157,237)
```
#458fed
```
#458fed rgb(69,143,237)
```
#4581ed
```
#4581ed rgb(69,129,237)
```

Similar Colors

Text with hexadecimal color #45abed

This text has a font color of #45abed.

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

#45abed background color

This paragraph has a background color of #45abed.

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

#45abed border color

This element has a border color of #45abed.

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

CSS codes

.text {color:#45abed;}

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

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

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

#01070b
```
#01070b rgb(1,7,11)
```
#03121d
```
#03121d rgb(3,18,29)
```
#041e2f
```
#041e2f rgb(4,30,47)
```
#062a40
```
#062a40 rgb(6,42,64)
```
#083552
```
#083552 rgb(8,53,82)
```
#0a4164
```
#0a4164 rgb(10,65,100)
```
#0b4c76
```
#0b4c76 rgb(11,76,118)
```
#0d5888
```
#0d5888 rgb(13,88,136)
```
#0f639a
```
#0f639a rgb(15,99,154)
```
#116fac
```
#116fac rgb(17,111,172)
```
#127abe
```
#127abe rgb(18,122,190)
```
#1486cf
```
#1486cf rgb(20,134,207)
```
#1691e1
```
#1691e1 rgb(22,145,225)
```

Shade Color Variation

#219bea
```
#219bea rgb(33,155,234)
```
#33a3eb
```
#33a3eb rgb(51,163,235)
```
#45abed
```
#45abed rgb(69,171,237)
```
#57b3ef
```
#57b3ef rgb(87,179,239)
```
#69bbf0
```
#69bbf0 rgb(105,187,240)
```
#7bc3f2
```
#7bc3f2 rgb(123,195,242)
```
#8dcbf4
```
#8dcbf4 rgb(141,203,244)
```
#9ed3f6
```
#9ed3f6 rgb(158,211,246)
```
#b0dbf7
```
#b0dbf7 rgb(176,219,247)
```
#c2e4f9
```
#c2e4f9 rgb(194,228,249)
```
#d4ecfb
```
#d4ecfb rgb(212,236,251)
```
#e6f4fd
```
#e6f4fd rgb(230,244,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939a9f is the less saturated color, while #35aefd is the most saturated one.

#939a9f
```
#939a9f rgb(147,154,159)
```
#8c9ca6
```
#8c9ca6 rgb(140,156,166)
```
#849eae
```
#849eae rgb(132,158,174)
```
#7c9fb6
```
#7c9fb6 rgb(124,159,182)
```
#74a1be
```
#74a1be rgb(116,161,190)
```
#6ca3c6
```
#6ca3c6 rgb(108,163,198)
```
#64a4ce
```
#64a4ce rgb(100,164,206)
```
#5da6d5
```
#5da6d5 rgb(93,166,213)
```
#55a8dd
```
#55a8dd rgb(85,168,221)
```
#4da9e5
```
#4da9e5 rgb(77,169,229)
```
#45abed
```
#45abed rgb(69,171,237)
```
#3dadf5
```
#3dadf5 rgb(61,173,245)
```
#35aefd
```
#35aefd rgb(53,174,253)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8499a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a5e6 Protanopia 1% of men
#83a6f1 Deuteranopia 1% of men
#1cb7c5 Tritanopia 0.001% of the population

Trichromacy

#75a7e8 Protanomaly 1% of men, 0.01% of women
#6ca8ef Deuteranomaly 6% of men, 0.4% of women
#2bb3d3 Tritanomaly 0.01% of the population

#45abed hex color

#45abed Color Information

#45abed Color Conversion

Color Schemes with #45abed

Alternatives to #45abed

#45abed Preview

Shades and Tints of #45abed

Tones of #45abed

Color Blindness Simulator