#45a9ba hex color

In a RGB color space, hex #45a9ba is composed of 27.1% red, 66.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 9.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 188.7 degrees, a saturation of 45.9% and a lightness of 50%. #45a9ba color hex could be obtained by blending #8affff with #005375. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 66
- B 73
RGB color chart
- C 63
- M 9
- Y 0
- K 27
CMYK color chart

● #45a9ba color description : Moderate cyan.

The hexadecimal color #45a9ba has RGB values of R:69, G:169, B:186 and CMYK values of C:0.63, M:0.09, Y:0, K:0.27. Its decimal value is 4565434.

Hex triplet	45a9ba	`#45a9ba`
RGB Decimal	69, 169, 186	`rgb(69,169,186)`
RGB Percent	27.1, 66.3, 72.9	`rgb(27.1%,66.3%,72.9%)`
CMYK	63, 9, 0, 27
HSL	188.7°, 45.9, 50	`hsl(188.7,45.9%,50%)`
HSV (or HSB)	188.7°, 62.9, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.31, -23.671, -17.376
XYZ	25.503, 33.184, 51.513
xyY	0.231, 0.301, 33.184
CIE-LCH	64.31, 29.364, 216.281
CIE-LUV	64.31, -39.576, -23.167
Hunter-Lab	57.606, -21.786, -12.695
Binary	01000101, 10101001, 10111010

#45a9ba
```
#45a9ba rgb(69,169,186)
```
#ba5645
```
#ba5645 rgb(186,86,69)
```

Complementary Color

#45ba91
```
#45ba91 rgb(69,186,145)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```
#456fba
```
#456fba rgb(69,111,186)
```

Analogous Color

#ba9145
```
#ba9145 rgb(186,145,69)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```
#ba456f
```
#ba456f rgb(186,69,111)
```

Split Complementary Color

#a9ba45
```
#a9ba45 rgb(169,186,69)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```
#ba45a9
```
#ba45a9 rgb(186,69,169)
```

Triadic Color

#45ba56
```
#45ba56 rgb(69,186,86)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```
#ba45a9
```
#ba45a9 rgb(186,69,169)
```
#ba5645
```
#ba5645 rgb(186,86,69)
```

Tetradic Color

#307682
```
#307682 rgb(48,118,130)
```
#378795
```
#378795 rgb(55,135,149)
```
#3e98a7
```
#3e98a7 rgb(62,152,167)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```
#58b2c1
```
#58b2c1 rgb(88,178,193)
```
#6abac8
```
#6abac8 rgb(106,186,200)
```
#7dc3cf
```
#7dc3cf rgb(125,195,207)
```

Monochromatic Color

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

#45baae
```
#45baae rgb(69,186,174)
```
#45bab8
```
#45bab8 rgb(69,186,184)
```
#45b3ba
```
#45b3ba rgb(69,179,186)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```
#459fba
```
#459fba rgb(69,159,186)
```
#4596ba
```
#4596ba rgb(69,150,186)
```
#458cba
```
#458cba rgb(69,140,186)
```

Similar Colors

Text with hexadecimal color #45a9ba

This text has a font color of #45a9ba.

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

#45a9ba background color

This paragraph has a background color of #45a9ba.

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

#45a9ba border color

This element has a border color of #45a9ba.

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

CSS codes

.text {color:#45a9ba;}

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

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

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, #050d0e is the darkest color, while #ffffff is the lightest one.

#050d0e
```
#050d0e rgb(5,13,14)
```
#0b1a1d
```
#0b1a1d rgb(11,26,29)
```
#10272b
```
#10272b rgb(16,39,43)
```
#153439
```
#153439 rgb(21,52,57)
```
#1b4148
```
#1b4148 rgb(27,65,72)
```
#204e56
```
#204e56 rgb(32,78,86)
```
#255b64
```
#255b64 rgb(37,91,100)
```
#2a6872
```
#2a6872 rgb(42,104,114)
```
#307581
```
#307581 rgb(48,117,129)
```
#35828f
```
#35828f rgb(53,130,143)
```
#3a8f9d
```
#3a8f9d rgb(58,143,157)
```
#409cac
```
#409cac rgb(64,156,172)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```

Shade Color Variation

#53b0bf
```
#53b0bf rgb(83,176,191)
```
#62b6c5
```
#62b6c5 rgb(98,182,197)
```
#70bdca
```
#70bdca rgb(112,189,202)
```
#7ec3cf
```
#7ec3cf rgb(126,195,207)
```
#8dcad5
```
#8dcad5 rgb(141,202,213)
```
#9bd1da
```
#9bd1da rgb(155,209,218)
```
#a9d7df
```
#a9d7df rgb(169,215,223)
```
#b7dee4
```
#b7dee4 rgb(183,222,228)
```
#c6e5ea
```
#c6e5ea rgb(198,229,234)
```
#d4ebef
```
#d4ebef rgb(212,235,239)
```
#e2f2f4
```
#e2f2f4 rgb(226,242,244)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #768689 is the less saturated color, while #00daff is the most saturated one.

#768689
```
#768689 rgb(118,134,137)
```
#6c8d93
```
#6c8d93 rgb(108,141,147)
```
#62949d
```
#62949d rgb(98,148,157)
```
#599ba6
```
#599ba6 rgb(89,155,166)
```
#4fa2b0
```
#4fa2b0 rgb(79,162,176)
```
#45a9ba
```
#45a9ba rgb(69,169,186)
```
#3bb0c4
```
#3bb0c4 rgb(59,176,196)
```
#31b7ce
```
#31b7ce rgb(49,183,206)
```
#28bed7
```
#28bed7 rgb(40,190,215)
```
#1ec5e1
```
#1ec5e1 rgb(30,197,225)
```
#14cceb
```
#14cceb rgb(20,204,235)
```
#0ad3f5
```
#0ad3f5 rgb(10,211,245)
```
#00daff
```
#00daff rgb(0,218,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7f9396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9fb5 Protanopia 1% of men
#9d9ec3 Deuteranopia 1% of men
#4cadba Tritanopia 0.001% of the population

Trichromacy

#7da3b7 Protanomaly 1% of men, 0.01% of women
#7da2bf Deuteranomaly 6% of men, 0.4% of women
#4aacba Tritanomaly 0.01% of the population

#45a9ba hex color

#45a9ba Color Information

#45a9ba Color Conversion

Color Schemes with #45a9ba

Alternatives to #45a9ba

#45a9ba Preview

Shades and Tints of #45a9ba

Tones of #45a9ba

Color Blindness Simulator