#45d8ba hex color

In a RGB color space, hex #45d8ba is composed of 27.1% red, 84.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 0% magenta, 13.9% yellow and 15.3% black. It has a hue angle of 167.8 degrees, a saturation of 65.3% and a lightness of 55.9%. #45d8ba color hex could be obtained by blending #8affff with #00b175. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 85
- B 73
RGB color chart
- C 68
- M 0
- Y 14
- K 15
CMYK color chart

● #45d8ba color description : Moderate cyan.

The hexadecimal color #45d8ba has RGB values of R:69, G:216, B:186 and CMYK values of C:0.68, M:0, Y:0.14, K:0.15. Its decimal value is 4577466.

Hex triplet	45d8ba	`#45d8ba`
RGB Decimal	69, 216, 186	`rgb(69,216,186)`
RGB Percent	27.1, 84.7, 72.9	`rgb(27.1%,84.7%,72.9%)`
CMYK	68, 0, 14, 15
HSL	167.8°, 65.3, 55.9	`hsl(167.8,65.3%,55.9%)`
HSV (or HSB)	167.8°, 68.1, 84.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.414, -45.631, 3.533
XYZ	35.87, 53.919, 54.969
xyY	0.248, 0.372, 53.919
CIE-LCH	78.414, 45.768, 175.573
CIE-LUV	78.414, -56.799, 12.578
Hunter-Lab	73.429, -41.305, 7.017
Binary	01000101, 11011000, 10111010

#45d8ba
```
#45d8ba rgb(69,216,186)
```
#d84563
```
#d84563 rgb(216,69,99)
```

Complementary Color

#45d871
```
#45d871 rgb(69,216,113)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#45add8
```
#45add8 rgb(69,173,216)
```

Analogous Color

#d87145
```
#d87145 rgb(216,113,69)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#d845ad
```
#d845ad rgb(216,69,173)
```

Split Complementary Color

#d8ba45
```
#d8ba45 rgb(216,186,69)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#ba45d8
```
#ba45d8 rgb(186,69,216)
```

Triadic Color

#63d845
```
#63d845 rgb(99,216,69)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#ba45d8
```
#ba45d8 rgb(186,69,216)
```
#d84563
```
#d84563 rgb(216,69,99)
```

Tetradic Color

#24ac91
```
#24ac91 rgb(36,172,145)
```
#29c1a2
```
#29c1a2 rgb(41,193,162)
```
#30d4b2
```
#30d4b2 rgb(48,212,178)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#5adcc2
```
#5adcc2 rgb(90,220,194)
```
#6fe1ca
```
#6fe1ca rgb(111,225,202)
```
#84e5d1
```
#84e5d1 rgb(132,229,209)
```

Monochromatic Color

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

#45d895
```
#45d895 rgb(69,216,149)
```
#45d8a2
```
#45d8a2 rgb(69,216,162)
```
#45d8ae
```
#45d8ae rgb(69,216,174)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#45d8c6
```
#45d8c6 rgb(69,216,198)
```
#45d8d3
```
#45d8d3 rgb(69,216,211)
```
#45d1d8
```
#45d1d8 rgb(69,209,216)
```

Similar Colors

Text with hexadecimal color #45d8ba

This text has a font color of #45d8ba.

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

#45d8ba background color

This paragraph has a background color of #45d8ba.

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

#45d8ba border color

This element has a border color of #45d8ba.

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

CSS codes

.text {color:#45d8ba;}

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

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

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

#020907
```
#020907 rgb(2,9,7)
```
#051915
```
#051915 rgb(5,25,21)
```
#092922
```
#092922 rgb(9,41,34)
```
#0c3930
```
#0c3930 rgb(12,57,48)
```
#0f493e
```
#0f493e rgb(15,73,62)
```
#135a4b
```
#135a4b rgb(19,90,75)
```
#166a59
```
#166a59 rgb(22,106,89)
```
#1a7a66
```
#1a7a66 rgb(26,122,102)
```
#1d8a74
```
#1d8a74 rgb(29,138,116)
```
#209b82
```
#209b82 rgb(32,155,130)
```
#24ab8f
```
#24ab8f rgb(36,171,143)
```
#27bb9d
```
#27bb9d rgb(39,187,157)
```
#2bcbaa
```
#2bcbaa rgb(43,203,170)
```

Shade Color Variation

#35d5b4
```
#35d5b4 rgb(53,213,180)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#55dbc0
```
#55dbc0 rgb(85,219,192)
```
#65dfc6
```
#65dfc6 rgb(101,223,198)
```
#76e2cc
```
#76e2cc rgb(118,226,204)
```
#86e6d2
```
#86e6d2 rgb(134,230,210)
```
#96e9d8
```
#96e9d8 rgb(150,233,216)
```
#a6ecde
```
#a6ecde rgb(166,236,222)
```
#b7f0e4
```
#b7f0e4 rgb(183,240,228)
```
#c7f3ea
```
#c7f3ea rgb(199,243,234)
```
#d7f7f0
```
#d7f7f0 rgb(215,247,240)
```
#e7faf6
```
#e7faf6 rgb(231,250,246)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#8a9391
```
#8a9391 rgb(138,147,145)
```
#829b96
```
#829b96 rgb(130,155,150)
```
#79a49b
```
#79a49b rgb(121,164,155)
```
#70ada0
```
#70ada0 rgb(112,173,160)
```
#68b5a6
```
#68b5a6 rgb(104,181,166)
```
#5fbeab
```
#5fbeab rgb(95,190,171)
```
#56c7b0
```
#56c7b0 rgb(86,199,176)
```
#4ecfb5
```
#4ecfb5 rgb(78,207,181)
```
#45d8ba
```
#45d8ba rgb(69,216,186)
```
#3ce1bf
```
#3ce1bf rgb(60,225,191)
```
#34e9c4
```
#34e9c4 rgb(52,233,196)
```
#2bf2c9
```
#2bf2c9 rgb(43,242,201)
```
#22fbce
```
#22fbce rgb(34,251,206)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#95b2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc4b2 Protanopia 1% of men
#d6bfc6 Deuteranopia 1% of men
#64d4e3 Tritanopia 0.001% of the population

Trichromacy

#9bcbb5 Protanomaly 1% of men, 0.01% of women
#a1c8c2 Deuteranomaly 6% of men, 0.4% of women
#59d5d4 Tritanomaly 0.01% of the population

#45d8ba hex color

#45d8ba Color Information

#45d8ba Color Conversion

Color Schemes with #45d8ba

Alternatives to #45d8ba

#45d8ba Preview

Shades and Tints of #45d8ba

Tones of #45d8ba

Color Blindness Simulator