#45bed5 hex color

In a RGB color space, hex #45bed5 is composed of 27.1% red, 74.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 10.8% magenta, 0% yellow and 16.5% black. It has a hue angle of 189.6 degrees, a saturation of 63.2% and a lightness of 55.3%. #45bed5 color hex could be obtained by blending #8affff with #007dab. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 75
- B 84
RGB color chart
- C 68
- M 11
- Y 0
- K 16
CMYK color chart

● #45bed5 color description : Moderate cyan.

The hexadecimal color #45bed5 has RGB values of R:69, G:190, B:213 and CMYK values of C:0.68, M:0.11, Y:0, K:0.16. Its decimal value is 4570837.

Hex triplet	45bed5	`#45bed5`
RGB Decimal	69, 190, 213	`rgb(69,190,213)`
RGB Percent	27.1, 74.5, 83.5	`rgb(27.1%,74.5%,83.5%)`
CMYK	68, 11, 0, 16
HSL	189.6°, 63.2, 55.3	`hsl(189.6,63.2%,55.3%)`
HSV (or HSB)	189.6°, 67.6, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.483, -26.104, -21.365
XYZ	32.875, 42.893, 69.494
xyY	0.226, 0.295, 42.893
CIE-LCH	71.483, 33.733, 219.299
CIE-LUV	71.483, -45.733, -29.748
Hunter-Lab	65.493, -25.014, -17.067
Binary	01000101, 10111110, 11010101

#45bed5
```
#45bed5 rgb(69,190,213)
```
#d55c45
```
#d55c45 rgb(213,92,69)
```

Complementary Color

#45d5a4
```
#45d5a4 rgb(69,213,164)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#4576d5
```
#4576d5 rgb(69,118,213)
```

Analogous Color

#d5a445
```
#d5a445 rgb(213,164,69)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#d54576
```
#d54576 rgb(213,69,118)
```

Split Complementary Color

#bed545
```
#bed545 rgb(190,213,69)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#d545be
```
#d545be rgb(213,69,190)
```

Triadic Color

#45d55c
```
#45d55c rgb(69,213,92)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#d545be
```
#d545be rgb(213,69,190)
```
#d55c45
```
#d55c45 rgb(213,92,69)
```

Tetradic Color

#2693a8
```
#2693a8 rgb(38,147,168)
```
#2ba5bc
```
#2ba5bc rgb(43,165,188)
```
#30b7d0
```
#30b7d0 rgb(48,183,208)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#5ac5da
```
#5ac5da rgb(90,197,218)
```
#6fcdde
```
#6fcdde rgb(111,205,222)
```
#83d4e3
```
#83d4e3 rgb(131,212,227)
```

Monochromatic Color

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

#45d5c8
```
#45d5c8 rgb(69,213,200)
```
#45d5d4
```
#45d5d4 rgb(69,213,212)
```
#45cad5
```
#45cad5 rgb(69,202,213)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#45b2d5
```
#45b2d5 rgb(69,178,213)
```
#45a6d5
```
#45a6d5 rgb(69,166,213)
```
#459ad5
```
#459ad5 rgb(69,154,213)
```

Similar Colors

Text with hexadecimal color #45bed5

This text has a font color of #45bed5.

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

#45bed5 background color

This paragraph has a background color of #45bed5.

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

#45bed5 border color

This element has a border color of #45bed5.

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

CSS codes

.text {color:#45bed5;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051316
```
#051316 rgb(5,19,22)
```
#092126
```
#092126 rgb(9,33,38)
```
#0c2f36
```
#0c2f36 rgb(12,47,54)
```
#103d46
```
#103d46 rgb(16,61,70)
```
#134b56
```
#134b56 rgb(19,75,86)
```
#175966
```
#175966 rgb(23,89,102)
```
#1b6776
```
#1b6776 rgb(27,103,118)
```
#1e7586
```
#1e7586 rgb(30,117,134)
```
#228396
```
#228396 rgb(34,131,150)
```
#2592a6
```
#2592a6 rgb(37,146,166)
```
#29a0b6
```
#29a0b6 rgb(41,160,182)
```
#2daec6
```
#2daec6 rgb(45,174,198)
```

Shade Color Variation

#35b8d1
```
#35b8d1 rgb(53,184,209)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#55c4d9
```
#55c4d9 rgb(85,196,217)
```
#65c9dc
```
#65c9dc rgb(101,201,220)
```
#75cfe0
```
#75cfe0 rgb(117,207,224)
```
#85d4e3
```
#85d4e3 rgb(133,212,227)
```
#95dae7
```
#95dae7 rgb(149,218,231)
```
#a5e0eb
```
#a5e0eb rgb(165,224,235)
```
#b5e5ee
```
#b5e5ee rgb(181,229,238)
```
#c5ebf2
```
#c5ebf2 rgb(197,235,242)
```
#d5f0f6
```
#d5f0f6 rgb(213,240,246)
```
#e5f6f9
```
#e5f6f9 rgb(229,246,249)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#8b8e8f
```
#8b8e8f rgb(139,142,143)
```
#829498
```
#829498 rgb(130,148,152)
```
#7a9aa0
```
#7a9aa0 rgb(122,154,160)
```
#71a0a9
```
#71a0a9 rgb(113,160,169)
```
#68a6b2
```
#68a6b2 rgb(104,166,178)
```
#5facbb
```
#5facbb rgb(95,172,187)
```
#57b2c3
```
#57b2c3 rgb(87,178,195)
```
#4eb8cc
```
#4eb8cc rgb(78,184,204)
```
#45bed5
```
#45bed5 rgb(69,190,213)
```
#3cc4de
```
#3cc4de rgb(60,196,222)
```
#33cae7
```
#33cae7 rgb(51,202,231)
```
#2bd0ef
```
#2bd0ef rgb(43,208,239)
```
#22d6f8
```
#22d6f8 rgb(34,214,248)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb1cd Protanopia 1% of men
#acb0dd Deuteranopia 1% of men
#49c2d0 Tritanopia 0.001% of the population

Trichromacy

#87b6d0 Protanomaly 1% of men, 0.01% of women
#86b5da Deuteranomaly 6% of men, 0.4% of women
#48c0d2 Tritanomaly 0.01% of the population

#45bed5 hex color

#45bed5 Color Information

#45bed5 Color Conversion

Color Schemes with #45bed5

Alternatives to #45bed5

#45bed5 Preview

Shades and Tints of #45bed5

Tones of #45bed5

Color Blindness Simulator