#45c4b2 hex color

In a RGB color space, hex #45c4b2 is composed of 27.1% red, 76.9% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 0% magenta, 9.2% yellow and 23.1% black. It has a hue angle of 171.5 degrees, a saturation of 51.8% and a lightness of 52%. #45c4b2 color hex could be obtained by blending #8affff with #008965. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 77
- B 70
RGB color chart
- C 65
- M 0
- Y 9
- K 23
CMYK color chart

● #45c4b2 color description : Moderate cyan.

The hexadecimal color #45c4b2 has RGB values of R:69, G:196, B:178 and CMYK values of C:0.65, M:0, Y:0.09, K:0.23. Its decimal value is 4572338.

Hex triplet	45c4b2	`#45c4b2`
RGB Decimal	69, 196, 178	`rgb(69,196,178)`
RGB Percent	27.1, 76.9, 69.8	`rgb(27.1%,76.9%,69.8%)`
CMYK	65, 0, 9, 23
HSL	171.5°, 51.8, 52	`hsl(171.5,51.8%,52%)`
HSV (or HSB)	171.5°, 64.8, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	72.2, -38.88, -1.205
XYZ	30.227, 43.957, 49.009
xyY	0.245, 0.357, 43.957
CIE-LCH	72.2, 38.899, 181.776
CIE-LUV	72.2, -50.042, 4.262
Hunter-Lab	66.3, -34.643, 2.583
Binary	01000101, 11000100, 10110010

#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#c44557
```
#c44557 rgb(196,69,87)
```

Complementary Color

#45c473
```
#45c473 rgb(69,196,115)
```
#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#4597c4
```
#4597c4 rgb(69,151,196)
```

Analogous Color

#c47345
```
#c47345 rgb(196,115,69)
```
#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#c44597
```
#c44597 rgb(196,69,151)
```

Split Complementary Color

#c4b245
```
#c4b245 rgb(196,178,69)
```
#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#b245c4
```
#b245c4 rgb(178,69,196)
```

Triadic Color

#57c445
```
#57c445 rgb(87,196,69)
```
#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#b245c4
```
#b245c4 rgb(178,69,196)
```
#c44557
```
#c44557 rgb(196,69,87)
```

Tetradic Color

#2d8f81
```
#2d8f81 rgb(45,143,129)
```
#34a293
```
#34a293 rgb(52,162,147)
```
#3ab6a4
```
#3ab6a4 rgb(58,182,164)
```
#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#58caba
```
#58caba rgb(88,202,186)
```
#6cd0c2
```
#6cd0c2 rgb(108,208,194)
```
#7fd6ca
```
#7fd6ca rgb(127,214,202)
```

Monochromatic Color

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

#45c492
```
#45c492 rgb(69,196,146)
```
#45c49d
```
#45c49d rgb(69,196,157)
```
#45c4a7
```
#45c4a7 rgb(69,196,167)
```
#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#45c4bd
```
#45c4bd rgb(69,196,189)
```
#45c1c4
```
#45c1c4 rgb(69,193,196)
```
#45b6c4
```
#45b6c4 rgb(69,182,196)
```

Similar Colors

Text with hexadecimal color #45c4b2

This text has a font color of #45c4b2.

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

#45c4b2 background color

This paragraph has a background color of #45c4b2.

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

#45c4b2 border color

This element has a border color of #45c4b2.

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

CSS codes

.text {color:#45c4b2;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#071614
```
#071614 rgb(7,22,20)
```
#0c2522
```
#0c2522 rgb(12,37,34)
```
#11342f
```
#11342f rgb(17,52,47)
```
#15433d
```
#15433d rgb(21,67,61)
```
#1a524a
```
#1a524a rgb(26,82,74)
```
#1f6158
```
#1f6158 rgb(31,97,88)
```
#237065
```
#237065 rgb(35,112,101)
```
#287f72
```
#287f72 rgb(40,127,114)
```
#2d8e80
```
#2d8e80 rgb(45,142,128)
```
#329d8d
```
#329d8d rgb(50,157,141)
```
#36ab9b
```
#36ab9b rgb(54,171,155)
```
#3bbaa8
```
#3bbaa8 rgb(59,186,168)
```

Shade Color Variation

#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#54c9b8
```
#54c9b8 rgb(84,201,184)
```
#63cdbe
```
#63cdbe rgb(99,205,190)
```
#72d2c4
```
#72d2c4 rgb(114,210,196)
```
#81d7cb
```
#81d7cb rgb(129,215,203)
```
#8fdcd1
```
#8fdcd1 rgb(143,220,209)
```
#9ee0d7
```
#9ee0d7 rgb(158,224,215)
```
#ade5dd
```
#ade5dd rgb(173,229,221)
```
#bceae3
```
#bceae3 rgb(188,234,227)
```
#cbefe9
```
#cbefe9 rgb(203,239,233)
```
#daf3f0
```
#daf3f0 rgb(218,243,240)
```
#e9f8f6
```
#e9f8f6 rgb(233,248,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#7e8b89
```
#7e8b89 rgb(126,139,137)
```
#749590
```
#749590 rgb(116,149,144)
```
#6b9e97
```
#6b9e97 rgb(107,158,151)
```
#61a89e
```
#61a89e rgb(97,168,158)
```
#58b1a4
```
#58b1a4 rgb(88,177,164)
```
#4ebbab
```
#4ebbab rgb(78,187,171)
```
#45c4b2
```
#45c4b2 rgb(69,196,178)
```
#3ccdb9
```
#3ccdb9 rgb(60,205,185)
```
#32d7c0
```
#32d7c0 rgb(50,215,192)
```
#29e0c6
```
#29e0c6 rgb(41,224,198)
```
#1feacd
```
#1feacd rgb(31,234,205)
```
#16f3d4
```
#16f3d4 rgb(22,243,212)
```
#0cfddb
```
#0cfddb rgb(12,253,219)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba4a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab4ac Protanopia 1% of men
#c1b0be Deuteranopia 1% of men
#5dc2d1 Tritanopia 0.001% of the population

Trichromacy

#8fbaae Protanomaly 1% of men, 0.01% of women
#94b7b9 Deuteranomaly 6% of men, 0.4% of women
#54c3c5 Tritanomaly 0.01% of the population

#45c4b2 hex color

#45c4b2 Color Information

#45c4b2 Color Conversion

Color Schemes with #45c4b2

Alternatives to #45c4b2

#45c4b2 Preview

Shades and Tints of #45c4b2

Tones of #45c4b2

Color Blindness Simulator