#45a8ba hex color

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

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

● #45a8ba color description : Moderate cyan.

The hexadecimal color #45a8ba has RGB values of R:69, G:168, B:186 and CMYK values of C:0.63, M:0.1, Y:0, K:0.27. Its decimal value is 4565178.

Hex triplet	45a8ba	`#45a8ba`
RGB Decimal	69, 168, 186	`rgb(69,168,186)`
RGB Percent	27.1, 65.9, 72.9	`rgb(27.1%,65.9%,72.9%)`
CMYK	63, 10, 0, 27
HSL	189.2°, 45.9, 50	`hsl(189.2,45.9%,50%)`
HSV (or HSB)	189.2°, 62.9, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.01, -23.16, -17.831
XYZ	25.317, 32.814, 51.451
xyY	0.231, 0.299, 32.814
CIE-LCH	64.01, 29.229, 217.592
CIE-LUV	64.01, -39.204, -23.954
Hunter-Lab	57.283, -21.354, -13.155
Binary	01000101, 10101000, 10111010

#45a8ba
```
#45a8ba rgb(69,168,186)
```
#ba5745
```
#ba5745 rgb(186,87,69)
```

Complementary Color

#45ba92
```
#45ba92 rgb(69,186,146)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```
#456eba
```
#456eba rgb(69,110,186)
```

Analogous Color

#ba9245
```
#ba9245 rgb(186,146,69)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```
#ba456e
```
#ba456e rgb(186,69,110)
```

Split Complementary Color

#a8ba45
```
#a8ba45 rgb(168,186,69)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```
#ba45a8
```
#ba45a8 rgb(186,69,168)
```

Triadic Color

#45ba57
```
#45ba57 rgb(69,186,87)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```
#ba45a8
```
#ba45a8 rgb(186,69,168)
```
#ba5745
```
#ba5745 rgb(186,87,69)
```

Tetradic Color

#307682
```
#307682 rgb(48,118,130)
```
#378695
```
#378695 rgb(55,134,149)
```
#3e97a7
```
#3e97a7 rgb(62,151,167)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```
#58b1c1
```
#58b1c1 rgb(88,177,193)
```
#6ab9c8
```
#6ab9c8 rgb(106,185,200)
```
#7dc2cf
```
#7dc2cf rgb(125,194,207)
```

Monochromatic Color

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

#45baaf
```
#45baaf rgb(69,186,175)
```
#45bab9
```
#45bab9 rgb(69,186,185)
```
#45b2ba
```
#45b2ba rgb(69,178,186)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```
#459eba
```
#459eba rgb(69,158,186)
```
#4595ba
```
#4595ba rgb(69,149,186)
```
#458bba
```
#458bba rgb(69,139,186)
```

Similar Colors

Text with hexadecimal color #45a8ba

This text has a font color of #45a8ba.

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

#45a8ba background color

This paragraph has a background color of #45a8ba.

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

#45a8ba border color

This element has a border color of #45a8ba.

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

CSS codes

.text {color:#45a8ba;}

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

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

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)
```
#255a64
```
#255a64 rgb(37,90,100)
```
#2a6772
```
#2a6772 rgb(42,103,114)
```
#307481
```
#307481 rgb(48,116,129)
```
#35818f
```
#35818f rgb(53,129,143)
```
#3a8e9d
```
#3a8e9d rgb(58,142,157)
```
#409bac
```
#409bac rgb(64,155,172)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```

Shade Color Variation

#53afbf
```
#53afbf rgb(83,175,191)
```
#62b5c5
```
#62b5c5 rgb(98,181,197)
```
#70bcca
```
#70bcca rgb(112,188,202)
```
#7ec3cf
```
#7ec3cf rgb(126,195,207)
```
#8dc9d5
```
#8dc9d5 rgb(141,201,213)
```
#9bd0da
```
#9bd0da rgb(155,208,218)
```
#a9d7df
```
#a9d7df rgb(169,215,223)
```
#b7dee4
```
#b7dee4 rgb(183,222,228)
```
#c6e4ea
```
#c6e4ea rgb(198,228,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 #00d8ff is the most saturated one.

#768689
```
#768689 rgb(118,134,137)
```
#6c8d93
```
#6c8d93 rgb(108,141,147)
```
#62949d
```
#62949d rgb(98,148,157)
```
#599aa6
```
#599aa6 rgb(89,154,166)
```
#4fa1b0
```
#4fa1b0 rgb(79,161,176)
```
#45a8ba
```
#45a8ba rgb(69,168,186)
```
#3bafc4
```
#3bafc4 rgb(59,175,196)
```
#31b6ce
```
#31b6ce rgb(49,182,206)
```
#28bcd7
```
#28bcd7 rgb(40,188,215)
```
#1ec3e1
```
#1ec3e1 rgb(30,195,225)
```
#14caeb
```
#14caeb rgb(20,202,235)
```
#0ad1f5
```
#0ad1f5 rgb(10,209,245)
```
#00d8ff
```
#00d8ff rgb(0,216,255)
```

Tone Color Variation

Below, you can see how #45a8ba 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
#7e9295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c9fb5 Protanopia 1% of men
#9c9dc3 Deuteranopia 1% of men
#4cadb9 Tritanopia 0.001% of the population

Trichromacy

#7ca2b7 Protanomaly 1% of men, 0.01% of women
#7ca1bf Deuteranomaly 6% of men, 0.4% of women
#49abb9 Tritanomaly 0.01% of the population

#45a8ba hex color

#45a8ba Color Information

#45a8ba Color Conversion

Color Schemes with #45a8ba

Alternatives to #45a8ba

#45a8ba Preview

Shades and Tints of #45a8ba

Tones of #45a8ba

Color Blindness Simulator