#45c3bc hex color

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

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

● #45c3bc color description : Moderate cyan.

The hexadecimal color #45c3bc has RGB values of R:69, G:195, B:188 and CMYK values of C:0.65, M:0, Y:0.04, K:0.24. Its decimal value is 4572092.

Hex triplet	45c3bc	`#45c3bc`
RGB Decimal	69, 195, 188	`rgb(69,195,188)`
RGB Percent	27.1, 76.5, 73.7	`rgb(27.1%,76.5%,73.7%)`
CMYK	65, 0, 4, 24
HSL	176.7°, 51.2, 51.8	`hsl(176.7,51.2%,51.8%)`
HSV (or HSB)	176.7°, 64.6, 76.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.177, -35.74, -6.686
XYZ	31.044, 43.924, 54.416
xyY	0.24, 0.339, 43.924
CIE-LCH	72.177, 36.36, 190.595
CIE-LUV	72.177, -49.065, -4.671
Hunter-Lab	66.275, -32.37, -2.289
Binary	01000101, 11000011, 10111100

#45c3bc
```
#45c3bc rgb(69,195,188)
```
#c3454c
```
#c3454c rgb(195,69,76)
```

Complementary Color

#45c37d
```
#45c37d rgb(69,195,125)
```
#45c3bc
```
#45c3bc rgb(69,195,188)
```
#458bc3
```
#458bc3 rgb(69,139,195)
```

Analogous Color

#c37d45
```
#c37d45 rgb(195,125,69)
```
#45c3bc
```
#45c3bc rgb(69,195,188)
```
#c3458b
```
#c3458b rgb(195,69,139)
```

Split Complementary Color

#c3bc45
```
#c3bc45 rgb(195,188,69)
```
#45c3bc
```
#45c3bc rgb(69,195,188)
```
#bc45c3
```
#bc45c3 rgb(188,69,195)
```

Triadic Color

#4cc345
```
#4cc345 rgb(76,195,69)
```
#45c3bc
```
#45c3bc rgb(69,195,188)
```
#bc45c3
```
#bc45c3 rgb(188,69,195)
```
#c3454c
```
#c3454c rgb(195,69,76)
```

Tetradic Color

#2e8e88
```
#2e8e88 rgb(46,142,136)
```
#34a19b
```
#34a19b rgb(52,161,155)
```
#3ab4ae
```
#3ab4ae rgb(58,180,174)
```
#45c3bc
```
#45c3bc rgb(69,195,188)
```
#58c9c3
```
#58c9c3 rgb(88,201,195)
```
#6ccfca
```
#6ccfca rgb(108,207,202)
```
#7fd6d1
```
#7fd6d1 rgb(127,214,209)
```

Monochromatic Color

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

#45c39d
```
#45c39d rgb(69,195,157)
```
#45c3a7
```
#45c3a7 rgb(69,195,167)
```
#45c3b2
```
#45c3b2 rgb(69,195,178)
```
#45c3bc
```
#45c3bc rgb(69,195,188)
```
#45c0c3
```
#45c0c3 rgb(69,192,195)
```
#45b5c3
```
#45b5c3 rgb(69,181,195)
```
#45abc3
```
#45abc3 rgb(69,171,195)
```

Similar Colors

Text with hexadecimal color #45c3bc

This text has a font color of #45c3bc.

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

#45c3bc background color

This paragraph has a background color of #45c3bc.

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

#45c3bc border color

This element has a border color of #45c3bc.

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

CSS codes

.text {color:#45c3bc;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071615
```
#071615 rgb(7,22,21)
```
#0c2423
```
#0c2423 rgb(12,36,35)
```
#113331
```
#113331 rgb(17,51,49)
```
#154240
```
#154240 rgb(21,66,64)
```
#1a514e
```
#1a514e rgb(26,81,78)
```
#1f605c
```
#1f605c rgb(31,96,92)
```
#246f6a
```
#246f6a rgb(36,111,106)
```
#287d79
```
#287d79 rgb(40,125,121)
```
#2d8c87
```
#2d8c87 rgb(45,140,135)
```
#329b95
```
#329b95 rgb(50,155,149)
```
#37aaa4
```
#37aaa4 rgb(55,170,164)
```
#3cb9b2
```
#3cb9b2 rgb(60,185,178)
```

Shade Color Variation

#45c3bc
```
#45c3bc rgb(69,195,188)
```
#54c8c1
```
#54c8c1 rgb(84,200,193)
```
#63cdc7
```
#63cdc7 rgb(99,205,199)
```
#71d1cc
```
#71d1cc rgb(113,209,204)
```
#80d6d1
```
#80d6d1 rgb(128,214,209)
```
#8fdbd7
```
#8fdbd7 rgb(143,219,215)
```
#9ee0dc
```
#9ee0dc rgb(158,224,220)
```
#ade4e1
```
#ade4e1 rgb(173,228,225)
```
#bce9e7
```
#bce9e7 rgb(188,233,231)
```
#caeeec
```
#caeeec rgb(202,238,236)
```
#d9f3f1
```
#d9f3f1 rgb(217,243,241)
```
#e8f8f7
```
#e8f8f7 rgb(232,248,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#7e8a8a
```
#7e8a8a rgb(126,138,138)
```
#749492
```
#749492 rgb(116,148,146)
```
#6b9d9a
```
#6b9d9a rgb(107,157,154)
```
#61a7a3
```
#61a7a3 rgb(97,167,163)
```
#58b0ab
```
#58b0ab rgb(88,176,171)
```
#4ebab4
```
#4ebab4 rgb(78,186,180)
```
#45c3bc
```
#45c3bc rgb(69,195,188)
```
#3cccc4
```
#3cccc4 rgb(60,204,196)
```
#32d6cd
```
#32d6cd rgb(50,214,205)
```
#29dfd5
```
#29dfd5 rgb(41,223,213)
```
#1fe9de
```
#1fe9de rgb(31,233,222)
```
#16f2e6
```
#16f2e6 rgb(22,242,230)
```
#0cfcee
```
#0cfcee rgb(12,252,238)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ba5a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b4b5 Protanopia 1% of men
#bcb0c7 Deuteranopia 1% of men
#59c3d1 Tritanopia 0.001% of the population

Trichromacy

#8db9b7 Protanomaly 1% of men, 0.01% of women
#91b7c3 Deuteranomaly 6% of men, 0.4% of women
#51c3c9 Tritanomaly 0.01% of the population

#45c3bc hex color

#45c3bc Color Information

#45c3bc Color Conversion

Color Schemes with #45c3bc

Alternatives to #45c3bc

#45c3bc Preview

Shades and Tints of #45c3bc

Tones of #45c3bc

Color Blindness Simulator