#45c7ba hex color

In a RGB color space, hex #45c7ba is composed of 27.1% red, 78% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 0% magenta, 6.5% yellow and 22% black. It has a hue angle of 174 degrees, a saturation of 53.7% and a lightness of 52.5%. #45c7ba color hex could be obtained by blending #8affff with #008f75. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 78
- B 73
RGB color chart
- C 65
- M 0
- Y 7
- K 22
CMYK color chart

● #45c7ba color description : Moderate cyan.

The hexadecimal color #45c7ba has RGB values of R:69, G:199, B:186 and CMYK values of C:0.65, M:0, Y:0.07, K:0.22. Its decimal value is 4573114.

Hex triplet	45c7ba	`#45c7ba`
RGB Decimal	69, 199, 186	`rgb(69,199,186)`
RGB Percent	27.1, 78, 72.9	`rgb(27.1%,78%,72.9%)`
CMYK	65, 0, 7, 22
HSL	174°, 53.7, 52.5	`hsl(174,53.7%,52.5%)`
HSV (or HSB)	174°, 65.3, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.321, -38.121, -3.908
XYZ	31.738, 45.654, 53.591
xyY	0.242, 0.349, 45.654
CIE-LCH	73.321, 38.32, 185.853
CIE-LUV	73.321, -50.649, 0.006
Hunter-Lab	67.568, -34.4, 0.272
Binary	01000101, 11000111, 10111010

#45c7ba
```
#45c7ba rgb(69,199,186)
```
#c74552
```
#c74552 rgb(199,69,82)
```

Complementary Color

#45c779
```
#45c779 rgb(69,199,121)
```
#45c7ba
```
#45c7ba rgb(69,199,186)
```
#4593c7
```
#4593c7 rgb(69,147,199)
```

Analogous Color

#c77945
```
#c77945 rgb(199,121,69)
```
#45c7ba
```
#45c7ba rgb(69,199,186)
```
#c74593
```
#c74593 rgb(199,69,147)
```

Split Complementary Color

#c7ba45
```
#c7ba45 rgb(199,186,69)
```
#45c7ba
```
#45c7ba rgb(69,199,186)
```
#ba45c7
```
#ba45c7 rgb(186,69,199)
```

Triadic Color

#52c745
```
#52c745 rgb(82,199,69)
```
#45c7ba
```
#45c7ba rgb(69,199,186)
```
#ba45c7
```
#ba45c7 rgb(186,69,199)
```
#c74552
```
#c74552 rgb(199,69,82)
```

Tetradic Color

#2c9389
```
#2c9389 rgb(44,147,137)
```
#32a79b
```
#32a79b rgb(50,167,155)
```
#38baad
```
#38baad rgb(56,186,173)
```
#45c7ba
```
#45c7ba rgb(69,199,186)
```
#59cdc1
```
#59cdc1 rgb(89,205,193)
```
#6cd3c9
```
#6cd3c9 rgb(108,211,201)
```
#80d9d0
```
#80d9d0 rgb(128,217,208)
```

Monochromatic Color

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

#45c79a
```
#45c79a rgb(69,199,154)
```
#45c7a4
```
#45c7a4 rgb(69,199,164)
```
#45c7af
```
#45c7af rgb(69,199,175)
```
#45c7ba
```
#45c7ba rgb(69,199,186)
```
#45c7c5
```
#45c7c5 rgb(69,199,197)
```
#45bec7
```
#45bec7 rgb(69,190,199)
```
#45b4c7
```
#45b4c7 rgb(69,180,199)
```

Similar Colors

Text with hexadecimal color #45c7ba

This text has a font color of #45c7ba.

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

#45c7ba background color

This paragraph has a background color of #45c7ba.

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

#45c7ba border color

This element has a border color of #45c7ba.

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

CSS codes

.text {color:#45c7ba;}

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

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

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, #030a09 is the darkest color, while #fafdfd is the lightest one.

#030a09
```
#030a09 rgb(3,10,9)
```
#081917
```
#081917 rgb(8,25,23)
```
#0c2825
```
#0c2825 rgb(12,40,37)
```
#113733
```
#113733 rgb(17,55,51)
```
#154641
```
#154641 rgb(21,70,65)
```
#1a554f
```
#1a554f rgb(26,85,79)
```
#1e645d
```
#1e645d rgb(30,100,93)
```
#23746b
```
#23746b rgb(35,116,107)
```
#278379
```
#278379 rgb(39,131,121)
```
#2c9287
```
#2c9287 rgb(44,146,135)
```
#30a196
```
#30a196 rgb(48,161,150)
```
#35b0a4
```
#35b0a4 rgb(53,176,164)
```
#39bfb2
```
#39bfb2 rgb(57,191,178)
```

Shade Color Variation

#45c7ba
```
#45c7ba rgb(69,199,186)
```
#54ccc0
```
#54ccc0 rgb(84,204,192)
```
#63d0c5
```
#63d0c5 rgb(99,208,197)
```
#72d5cb
```
#72d5cb rgb(114,213,203)
```
#81d9d0
```
#81d9d0 rgb(129,217,208)
```
#90ded6
```
#90ded6 rgb(144,222,214)
```
#9fe2dc
```
#9fe2dc rgb(159,226,220)
```
#afe7e1
```
#afe7e1 rgb(175,231,225)
```
#beebe7
```
#beebe7 rgb(190,235,231)
```
#cdf0ec
```
#cdf0ec rgb(205,240,236)
```
#dcf4f2
```
#dcf4f2 rgb(220,244,242)
```
#ebf9f8
```
#ebf9f8 rgb(235,249,248)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#7d8f8d
```
#7d8f8d rgb(125,143,141)
```
#749895
```
#749895 rgb(116,152,149)
```
#6aa29c
```
#6aa29c rgb(106,162,156)
```
#61aba4
```
#61aba4 rgb(97,171,164)
```
#58b4ab
```
#58b4ab rgb(88,180,171)
```
#4ebeb3
```
#4ebeb3 rgb(78,190,179)
```
#45c7ba
```
#45c7ba rgb(69,199,186)
```
#3cd0c1
```
#3cd0c1 rgb(60,208,193)
```
#32dac9
```
#32dac9 rgb(50,218,201)
```
#29e3d0
```
#29e3d0 rgb(41,227,208)
```
#20ecd8
```
#20ecd8 rgb(32,236,216)
```
#16f6df
```
#16f6df rgb(22,246,223)
```
#0dffe7
```
#0dffe7 rgb(13,255,231)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8da7a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb7b3 Protanopia 1% of men
#c2b3c5 Deuteranopia 1% of men
#5cc6d4 Tritanopia 0.001% of the population

Trichromacy

#90bcb5 Protanomaly 1% of men, 0.01% of women
#94bac1 Deuteranomaly 6% of men, 0.4% of women
#53c6cb Tritanomaly 0.01% of the population

#45c7ba hex color

#45c7ba Color Information

#45c7ba Color Conversion

Color Schemes with #45c7ba

Alternatives to #45c7ba

#45c7ba Preview

Shades and Tints of #45c7ba

Tones of #45c7ba

Color Blindness Simulator