#45c3b3 hex color

In a RGB color space, hex #45c3b3 is composed of 27.1% red, 76.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 0% magenta, 8.2% yellow and 23.5% black. It has a hue angle of 172.4 degrees, a saturation of 51.2% and a lightness of 51.8%. #45c3b3 color hex could be obtained by blending #8affff with #008767. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 76
- B 70
RGB color chart
- C 65
- M 0
- Y 8
- K 24
CMYK color chart

● #45c3b3 color description : Moderate cyan.

The hexadecimal color #45c3b3 has RGB values of R:69, G:195, B:179 and CMYK values of C:0.65, M:0, Y:0.08, K:0.24. Its decimal value is 4572083.

Hex triplet	45c3b3	`#45c3b3`
RGB Decimal	69, 195, 179	`rgb(69,195,179)`
RGB Percent	27.1, 76.5, 70.2	`rgb(27.1%,76.5%,70.2%)`
CMYK	65, 0, 8, 24
HSL	172.4°, 51.2, 51.8	`hsl(172.4,51.2%,51.8%)`
HSV (or HSB)	172.4°, 64.6, 76.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.925, -38.164, -2.152
XYZ	30.103, 43.547, 49.464
xyY	0.245, 0.354, 43.547
CIE-LCH	71.925, 38.225, 183.228
CIE-LUV	71.925, -49.614, 2.707
Hunter-Lab	65.991, -34.056, 1.751
Binary	01000101, 11000011, 10110011

#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#c34555
```
#c34555 rgb(195,69,85)
```

Complementary Color

#45c374
```
#45c374 rgb(69,195,116)
```
#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#4594c3
```
#4594c3 rgb(69,148,195)
```

Analogous Color

#c37445
```
#c37445 rgb(195,116,69)
```
#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#c34594
```
#c34594 rgb(195,69,148)
```

Split Complementary Color

#c3b345
```
#c3b345 rgb(195,179,69)
```
#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#b345c3
```
#b345c3 rgb(179,69,195)
```

Triadic Color

#55c345
```
#55c345 rgb(85,195,69)
```
#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#b345c3
```
#b345c3 rgb(179,69,195)
```
#c34555
```
#c34555 rgb(195,69,85)
```

Tetradic Color

#2e8e82
```
#2e8e82 rgb(46,142,130)
```
#34a193
```
#34a193 rgb(52,161,147)
```
#3ab4a5
```
#3ab4a5 rgb(58,180,165)
```
#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#58c9bb
```
#58c9bb rgb(88,201,187)
```
#6ccfc3
```
#6ccfc3 rgb(108,207,195)
```
#7fd6cb
```
#7fd6cb rgb(127,214,203)
```

Monochromatic Color

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

#45c394
```
#45c394 rgb(69,195,148)
```
#45c39e
```
#45c39e rgb(69,195,158)
```
#45c3a9
```
#45c3a9 rgb(69,195,169)
```
#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#45c3be
```
#45c3be rgb(69,195,190)
```
#45bec3
```
#45bec3 rgb(69,190,195)
```
#45b4c3
```
#45b4c3 rgb(69,180,195)
```

Similar Colors

Text with hexadecimal color #45c3b3

This text has a font color of #45c3b3.

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

#45c3b3 background color

This paragraph has a background color of #45c3b3.

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

#45c3b3 border color

This element has a border color of #45c3b3.

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

CSS codes

.text {color:#45c3b3;}

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

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

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

#020706
```
#020706 rgb(2,7,6)
```
#071614
```
#071614 rgb(7,22,20)
```
#0c2421
```
#0c2421 rgb(12,36,33)
```
#11332f
```
#11332f rgb(17,51,47)
```
#15423c
```
#15423c rgb(21,66,60)
```
#1a514a
```
#1a514a rgb(26,81,74)
```
#1f6058
```
#1f6058 rgb(31,96,88)
```
#246f65
```
#246f65 rgb(36,111,101)
```
#287d73
```
#287d73 rgb(40,125,115)
```
#2d8c80
```
#2d8c80 rgb(45,140,128)
```
#329b8e
```
#329b8e rgb(50,155,142)
```
#37aa9b
```
#37aa9b rgb(55,170,155)
```
#3cb9a9
```
#3cb9a9 rgb(60,185,169)
```

Shade Color Variation

#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#54c8b9
```
#54c8b9 rgb(84,200,185)
```
#63cdbf
```
#63cdbf rgb(99,205,191)
```
#71d1c5
```
#71d1c5 rgb(113,209,197)
```
#80d6cb
```
#80d6cb rgb(128,214,203)
```
#8fdbd1
```
#8fdbd1 rgb(143,219,209)
```
#9ee0d7
```
#9ee0d7 rgb(158,224,215)
```
#ade4dd
```
#ade4dd rgb(173,228,221)
```
#bce9e3
```
#bce9e3 rgb(188,233,227)
```
#caeeea
```
#caeeea rgb(202,238,234)
```
#d9f3f0
```
#d9f3f0 rgb(217,243,240)
```
#e8f8f6
```
#e8f8f6 rgb(232,248,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#7e8a89
```
#7e8a89 rgb(126,138,137)
```
#749490
```
#749490 rgb(116,148,144)
```
#6b9d97
```
#6b9d97 rgb(107,157,151)
```
#61a79e
```
#61a79e rgb(97,167,158)
```
#58b0a5
```
#58b0a5 rgb(88,176,165)
```
#4ebaac
```
#4ebaac rgb(78,186,172)
```
#45c3b3
```
#45c3b3 rgb(69,195,179)
```
#3cccba
```
#3cccba rgb(60,204,186)
```
#32d6c1
```
#32d6c1 rgb(50,214,193)
```
#29dfc8
```
#29dfc8 rgb(41,223,200)
```
#1fe9cf
```
#1fe9cf rgb(31,233,207)
```
#16f2d6
```
#16f2d6 rgb(22,242,214)
```
#0cfcdd
```
#0cfcdd rgb(12,252,221)
```

Tone Color Variation

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

Dichromacy

#b9b3ad Protanopia 1% of men
#bfafbf Deuteranopia 1% of men
#5cc2d0 Tritanopia 0.001% of the population

Trichromacy

#8eb9af Protanomaly 1% of men, 0.01% of women
#93b6ba Deuteranomaly 6% of men, 0.4% of women
#54c2c5 Tritanomaly 0.01% of the population

#45c3b3 hex color

#45c3b3 Color Information

#45c3b3 Color Conversion

Color Schemes with #45c3b3

Alternatives to #45c3b3

#45c3b3 Preview

Shades and Tints of #45c3b3

Tones of #45c3b3

Color Blindness Simulator