#45aabd hex color

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

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

● #45aabd color description : Moderate cyan.

The hexadecimal color #45aabd has RGB values of R:69, G:170, B:189 and CMYK values of C:0.63, M:0.1, Y:0, K:0.26. Its decimal value is 4565693.

Hex triplet	45aabd	`#45aabd`
RGB Decimal	69, 170, 189	`rgb(69,170,189)`
RGB Percent	27.1, 66.7, 74.1	`rgb(27.1%,66.7%,74.1%)`
CMYK	63, 10, 0, 26
HSL	189.5°, 47.6, 50.6	`hsl(189.5,47.6%,50.6%)`
HSV (or HSB)	189.5°, 63.5, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.713, -23.278, -18.435
XYZ	26.012, 33.687, 53.273
xyY	0.23, 0.298, 33.687
CIE-LCH	64.713, 29.694, 218.378
CIE-LUV	64.713, -39.787, -24.955
Hunter-Lab	58.04, -21.573, -13.792
Binary	01000101, 10101010, 10111101

#45aabd
```
#45aabd rgb(69,170,189)
```
#bd5845
```
#bd5845 rgb(189,88,69)
```

Complementary Color

#45bd94
```
#45bd94 rgb(69,189,148)
```
#45aabd
```
#45aabd rgb(69,170,189)
```
#456ebd
```
#456ebd rgb(69,110,189)
```

Analogous Color

#bd9445
```
#bd9445 rgb(189,148,69)
```
#45aabd
```
#45aabd rgb(69,170,189)
```
#bd456e
```
#bd456e rgb(189,69,110)
```

Split Complementary Color

#aabd45
```
#aabd45 rgb(170,189,69)
```
#45aabd
```
#45aabd rgb(69,170,189)
```
#bd45aa
```
#bd45aa rgb(189,69,170)
```

Triadic Color

#45bd58
```
#45bd58 rgb(69,189,88)
```
#45aabd
```
#45aabd rgb(69,170,189)
```
#bd45aa
```
#bd45aa rgb(189,69,170)
```
#bd5845
```
#bd5845 rgb(189,88,69)
```

Tetradic Color

#307886
```
#307886 rgb(48,120,134)
```
#368999
```
#368999 rgb(54,137,153)
```
#3d9aac
```
#3d9aac rgb(61,154,172)
```
#45aabd
```
#45aabd rgb(69,170,189)
```
#58b3c4
```
#58b3c4 rgb(88,179,196)
```
#6bbbca
```
#6bbbca rgb(107,187,202)
```
#7dc4d1
```
#7dc4d1 rgb(125,196,209)
```

Monochromatic Color

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

#45bdb2
```
#45bdb2 rgb(69,189,178)
```
#45bdbc
```
#45bdbc rgb(69,189,188)
```
#45b4bd
```
#45b4bd rgb(69,180,189)
```
#45aabd
```
#45aabd rgb(69,170,189)
```
#45a0bd
```
#45a0bd rgb(69,160,189)
```
#4596bd
```
#4596bd rgb(69,150,189)
```
#458cbd
```
#458cbd rgb(69,140,189)
```

Similar Colors

Text with hexadecimal color #45aabd

This text has a font color of #45aabd.

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

#45aabd background color

This paragraph has a background color of #45aabd.

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

#45aabd border color

This element has a border color of #45aabd.

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

CSS codes

.text {color:#45aabd;}

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

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

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)
```
#0b1c1f
```
#0b1c1f rgb(11,28,31)
```
#10292e
```
#10292e rgb(16,41,46)
```
#15363c
```
#15363c rgb(21,54,60)
```
#1a434b
```
#1a434b rgb(26,67,75)
```
#205059
```
#205059 rgb(32,80,89)
```
#255d68
```
#255d68 rgb(37,93,104)
```
#2a6a76
```
#2a6a76 rgb(42,106,118)
```
#2f7785
```
#2f7785 rgb(47,119,133)
```
#348493
```
#348493 rgb(52,132,147)
```
#3991a1
```
#3991a1 rgb(57,145,161)
```
#3e9eb0
```
#3e9eb0 rgb(62,158,176)
```

Shade Color Variation

#45aabd
```
#45aabd rgb(69,170,189)
```
#53b1c2
```
#53b1c2 rgb(83,177,194)
```
#62b7c7
```
#62b7c7 rgb(98,183,199)
```
#70becc
```
#70becc rgb(112,190,204)
```
#7fc4d2
```
#7fc4d2 rgb(127,196,210)
```
#8dcbd7
```
#8dcbd7 rgb(141,203,215)
```
#9cd2dc
```
#9cd2dc rgb(156,210,220)
```
#aad8e1
```
#aad8e1 rgb(170,216,225)
```
#b9dfe6
```
#b9dfe6 rgb(185,223,230)
```
#c7e6eb
```
#c7e6eb rgb(199,230,235)
```
#d6ecf0
```
#d6ecf0 rgb(214,236,240)
```
#e4f3f6
```
#e4f3f6 rgb(228,243,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 #0bd2f7 is the most saturated one.

#7f8283
```
#7f8283 rgb(127,130,131)
```
#75898d
```
#75898d rgb(117,137,141)
```
#6c9096
```
#6c9096 rgb(108,144,150)
```
#6296a0
```
#6296a0 rgb(98,150,160)
```
#589daa
```
#589daa rgb(88,157,170)
```
#4fa3b3
```
#4fa3b3 rgb(79,163,179)
```
#45aabd
```
#45aabd rgb(69,170,189)
```
#3bb1c7
```
#3bb1c7 rgb(59,177,199)
```
#32b7d0
```
#32b7d0 rgb(50,183,208)
```
#28beda
```
#28beda rgb(40,190,218)
```
#1ec4e4
```
#1ec4e4 rgb(30,196,228)
```
#15cbed
```
#15cbed rgb(21,203,237)
```
#0bd2f7
```
#0bd2f7 rgb(11,210,247)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f9497 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da0b8 Protanopia 1% of men
#9d9fc6 Deuteranopia 1% of men
#4bafbc Tritanopia 0.001% of the population

Trichromacy

#7da4b9 Protanomaly 1% of men, 0.01% of women
#7da3c2 Deuteranomaly 6% of men, 0.4% of women
#49adbc Tritanomaly 0.01% of the population

#45aabd hex color

#45aabd Color Information

#45aabd Color Conversion

Color Schemes with #45aabd

Alternatives to #45aabd

#45aabd Preview

Shades and Tints of #45aabd

Tones of #45aabd

Color Blindness Simulator