#45a6bd hex color

In a RGB color space, hex #45a6bd is composed of 27.1% red, 65.1% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 12.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 191.5 degrees, a saturation of 47.6% and a lightness of 50.6%. #45a6bd color hex could be obtained by blending #8affff with #004d7b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 65
- B 74
RGB color chart
- C 63
- M 12
- Y 0
- K 26
CMYK color chart

● #45a6bd color description : Moderate cyan.

The hexadecimal color #45a6bd has RGB values of R:69, G:166, B:189 and CMYK values of C:0.63, M:0.12, Y:0, K:0.26. Its decimal value is 4564669.

Hex triplet	45a6bd	`#45a6bd`
RGB Decimal	69, 166, 189	`rgb(69,166,189)`
RGB Percent	27.1, 65.1, 74.1	`rgb(27.1%,65.1%,74.1%)`
CMYK	63, 12, 0, 26
HSL	191.5°, 47.6, 50.6	`hsl(191.5,47.6%,50.6%)`
HSV (or HSB)	191.5°, 63.5, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.516, -21.219, -20.256
XYZ	25.273, 32.21, 53.027
xyY	0.229, 0.291, 32.21
CIE-LCH	63.516, 29.335, 223.671
CIE-LUV	63.516, -38.304, -28.113
Hunter-Lab	56.754, -19.83, -15.669
Binary	01000101, 10100110, 10111101

#45a6bd
```
#45a6bd rgb(69,166,189)
```
#bd5c45
```
#bd5c45 rgb(189,92,69)
```

Complementary Color

#45bd98
```
#45bd98 rgb(69,189,152)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#456abd
```
#456abd rgb(69,106,189)
```

Analogous Color

#bd9845
```
#bd9845 rgb(189,152,69)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#bd456a
```
#bd456a rgb(189,69,106)
```

Split Complementary Color

#a6bd45
```
#a6bd45 rgb(166,189,69)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#bd45a6
```
#bd45a6 rgb(189,69,166)
```

Triadic Color

#45bd5c
```
#45bd5c rgb(69,189,92)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#bd45a6
```
#bd45a6 rgb(189,69,166)
```
#bd5c45
```
#bd5c45 rgb(189,92,69)
```

Tetradic Color

#307586
```
#307586 rgb(48,117,134)
```
#368699
```
#368699 rgb(54,134,153)
```
#3d96ac
```
#3d96ac rgb(61,150,172)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#58afc4
```
#58afc4 rgb(88,175,196)
```
#6bb8ca
```
#6bb8ca rgb(107,184,202)
```
#7dc1d1
```
#7dc1d1 rgb(125,193,209)
```

Monochromatic Color

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

#45bdb6
```
#45bdb6 rgb(69,189,182)
```
#45babd
```
#45babd rgb(69,186,189)
```
#45b0bd
```
#45b0bd rgb(69,176,189)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#459cbd
```
#459cbd rgb(69,156,189)
```
#4592bd
```
#4592bd rgb(69,146,189)
```
#4588bd
```
#4588bd rgb(69,136,189)
```

Similar Colors

Text with hexadecimal color #45a6bd

This text has a font color of #45a6bd.

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

#45a6bd background color

This paragraph has a background color of #45a6bd.

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

#45a6bd border color

This element has a border color of #45a6bd.

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

CSS codes

.text {color:#45a6bd;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060f11
```
#060f11 rgb(6,15,17)
```
#0b1b1f
```
#0b1b1f rgb(11,27,31)
```
#10282e
```
#10282e rgb(16,40,46)
```
#15353c
```
#15353c rgb(21,53,60)
```
#1a414b
```
#1a414b rgb(26,65,75)
```
#204e59
```
#204e59 rgb(32,78,89)
```
#255b68
```
#255b68 rgb(37,91,104)
```
#2a6776
```
#2a6776 rgb(42,103,118)
```
#2f7485
```
#2f7485 rgb(47,116,133)
```
#348193
```
#348193 rgb(52,129,147)
```
#398ea1
```
#398ea1 rgb(57,142,161)
```
#3e9ab0
```
#3e9ab0 rgb(62,154,176)
```

Shade Color Variation

#45a6bd
```
#45a6bd rgb(69,166,189)
```
#53adc2
```
#53adc2 rgb(83,173,194)
```
#62b4c7
```
#62b4c7 rgb(98,180,199)
```
#70bbcc
```
#70bbcc rgb(112,187,204)
```
#7fc2d2
```
#7fc2d2 rgb(127,194,210)
```
#8dc9d7
```
#8dc9d7 rgb(141,201,215)
```
#9cd0dc
```
#9cd0dc rgb(156,208,220)
```
#aad6e1
```
#aad6e1 rgb(170,214,225)
```
#b9dde6
```
#b9dde6 rgb(185,221,230)
```
#c7e4eb
```
#c7e4eb rgb(199,228,235)
```
#d6ebf0
```
#d6ebf0 rgb(214,235,240)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8283 is the less saturated color, while #0bcaf7 is the most saturated one.

#7f8283
```
#7f8283 rgb(127,130,131)
```
#75888d
```
#75888d rgb(117,136,141)
```
#6c8e96
```
#6c8e96 rgb(108,142,150)
```
#6294a0
```
#6294a0 rgb(98,148,160)
```
#589aaa
```
#589aaa rgb(88,154,170)
```
#4fa0b3
```
#4fa0b3 rgb(79,160,179)
```
#45a6bd
```
#45a6bd rgb(69,166,189)
```
#3bacc7
```
#3bacc7 rgb(59,172,199)
```
#32b2d0
```
#32b2d0 rgb(50,178,208)
```
#28b8da
```
#28b8da rgb(40,184,218)
```
#1ebee4
```
#1ebee4 rgb(30,190,228)
```
#15c4ed
```
#15c4ed rgb(21,196,237)
```
#0bcaf7
```
#0bcaf7 rgb(11,202,247)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7e9196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999db8 Protanopia 1% of men
#989cc5 Deuteranopia 1% of men
#49acb8 Tritanopia 0.001% of the population

Trichromacy

#7aa0ba Protanomaly 1% of men, 0.01% of women
#7a9fc2 Deuteranomaly 6% of men, 0.4% of women
#48a9ba Tritanomaly 0.01% of the population

#45a6bd hex color

#45a6bd Color Information

#45a6bd Color Conversion

Color Schemes with #45a6bd

Alternatives to #45a6bd

#45a6bd Preview

Shades and Tints of #45a6bd

Tones of #45a6bd

Color Blindness Simulator