#45d7b6 hex color

In a RGB color space, hex #45d7b6 is composed of 27.1% red, 84.3% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 0% magenta, 15.3% yellow and 15.7% black. It has a hue angle of 166.4 degrees, a saturation of 64.6% and a lightness of 55.7%. #45d7b6 color hex could be obtained by blending #8affff with #00af6d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 84
- B 71
RGB color chart
- C 68
- M 0
- Y 15
- K 16
CMYK color chart

● #45d7b6 color description : Moderate cyan.

The hexadecimal color #45d7b6 has RGB values of R:69, G:215, B:182 and CMYK values of C:0.68, M:0, Y:0.15, K:0.16. Its decimal value is 4577206.

Hex triplet	45d7b6	`#45d7b6`
RGB Decimal	69, 215, 182	`rgb(69,215,182)`
RGB Percent	27.1, 84.3, 71.4	`rgb(27.1%,84.3%,71.4%)`
CMYK	68, 0, 15, 16
HSL	166.4°, 64.6, 55.7	`hsl(166.4,64.6%,55.7%)`
HSV (or HSB)	166.4°, 67.9, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.017, -46.197, 5.093
XYZ	35.195, 53.24, 52.675
xyY	0.249, 0.377, 53.24
CIE-LCH	78.017, 46.477, 173.708
CIE-LUV	78.017, -56.693, 14.986
Hunter-Lab	72.966, -41.591, 8.274
Binary	01000101, 11010111, 10110110

#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#d74566
```
#d74566 rgb(215,69,102)
```

Complementary Color

#45d76d
```
#45d76d rgb(69,215,109)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#45afd7
```
#45afd7 rgb(69,175,215)
```

Analogous Color

#d76d45
```
#d76d45 rgb(215,109,69)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#d745af
```
#d745af rgb(215,69,175)
```

Split Complementary Color

#d7b645
```
#d7b645 rgb(215,182,69)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#b645d7
```
#b645d7 rgb(182,69,215)
```

Triadic Color

#66d745
```
#66d745 rgb(102,215,69)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#b645d7
```
#b645d7 rgb(182,69,215)
```
#d74566
```
#d74566 rgb(215,69,102)
```

Tetradic Color

#25ab8c
```
#25ab8c rgb(37,171,140)
```
#29c09e
```
#29c09e rgb(41,192,158)
```
#30d2ae
```
#30d2ae rgb(48,210,174)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#5adcbe
```
#5adcbe rgb(90,220,190)
```
#6fe0c6
```
#6fe0c6 rgb(111,224,198)
```
#84e5cf
```
#84e5cf rgb(132,229,207)
```

Monochromatic Color

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

#45d792
```
#45d792 rgb(69,215,146)
```
#45d79e
```
#45d79e rgb(69,215,158)
```
#45d7aa
```
#45d7aa rgb(69,215,170)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#45d7c2
```
#45d7c2 rgb(69,215,194)
```
#45d7ce
```
#45d7ce rgb(69,215,206)
```
#45d4d7
```
#45d4d7 rgb(69,212,215)
```

Similar Colors

Text with hexadecimal color #45d7b6

This text has a font color of #45d7b6.

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

#45d7b6 background color

This paragraph has a background color of #45d7b6.

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

#45d7b6 border color

This element has a border color of #45d7b6.

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

CSS codes

.text {color:#45d7b6;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#051814
```
#051814 rgb(5,24,20)
```
#092821
```
#092821 rgb(9,40,33)
```
#0c382e
```
#0c382e rgb(12,56,46)
```
#10483b
```
#10483b rgb(16,72,59)
```
#135849
```
#135849 rgb(19,88,73)
```
#166956
```
#166956 rgb(22,105,86)
```
#1a7963
```
#1a7963 rgb(26,121,99)
```
#1d8971
```
#1d8971 rgb(29,137,113)
```
#21997e
```
#21997e rgb(33,153,126)
```
#24a98b
```
#24a98b rgb(36,169,139)
```
#28b998
```
#28b998 rgb(40,185,152)
```
#2bc9a6
```
#2bc9a6 rgb(43,201,166)
```

Shade Color Variation

#35d4b0
```
#35d4b0 rgb(53,212,176)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#55dabc
```
#55dabc rgb(85,218,188)
```
#65dec3
```
#65dec3 rgb(101,222,195)
```
#75e1c9
```
#75e1c9 rgb(117,225,201)
```
#86e5cf
```
#86e5cf rgb(134,229,207)
```
#96e8d6
```
#96e8d6 rgb(150,232,214)
```
#a6ecdc
```
#a6ecdc rgb(166,236,220)
```
#b6efe2
```
#b6efe2 rgb(182,239,226)
```
#c6f3e9
```
#c6f3e9 rgb(198,243,233)
```
#d6f6ef
```
#d6f6ef rgb(214,246,239)
```
#e6faf5
```
#e6faf5 rgb(230,250,245)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#8b9190
```
#8b9190 rgb(139,145,144)
```
#829a95
```
#829a95 rgb(130,154,149)
```
#79a399
```
#79a399 rgb(121,163,153)
```
#70ac9e
```
#70ac9e rgb(112,172,158)
```
#68b4a3
```
#68b4a3 rgb(104,180,163)
```
#5fbda8
```
#5fbda8 rgb(95,189,168)
```
#56c6ac
```
#56c6ac rgb(86,198,172)
```
#4eceb1
```
#4eceb1 rgb(78,206,177)
```
#45d7b6
```
#45d7b6 rgb(69,215,182)
```
#3ce0bb
```
#3ce0bb rgb(60,224,187)
```
#34e8c0
```
#34e8c0 rgb(52,232,192)
```
#2bf1c4
```
#2bf1c4 rgb(43,241,196)
```
#22fac9
```
#22fac9 rgb(34,250,201)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#94b1ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc3af Protanopia 1% of men
#d6bec3 Deuteranopia 1% of men
#65d3e2 Tritanopia 0.001% of the population

Trichromacy

#9bcab1 Protanomaly 1% of men, 0.01% of women
#a1c7be Deuteranomaly 6% of men, 0.4% of women
#59d4d2 Tritanomaly 0.01% of the population

#45d7b6 hex color

#45d7b6 Color Information

#45d7b6 Color Conversion

Color Schemes with #45d7b6

Alternatives to #45d7b6

#45d7b6 Preview

Shades and Tints of #45d7b6

Tones of #45d7b6

Color Blindness Simulator