#45c7bf hex color

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

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

● #45c7bf color description : Moderate cyan.

The hexadecimal color #45c7bf has RGB values of R:69, G:199, B:191 and CMYK values of C:0.65, M:0, Y:0.04, K:0.22. Its decimal value is 4573119.

Hex triplet	45c7bf	`#45c7bf`
RGB Decimal	69, 199, 191	`rgb(69,199,191)`
RGB Percent	27.1, 78, 74.9	`rgb(27.1%,78%,74.9%)`
CMYK	65, 0, 4, 22
HSL	176.3°, 53.7, 52.5	`hsl(176.3,53.7%,52.5%)`
HSV (or HSB)	176.3°, 65.3, 78
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.462, -36.768, -6.415
XYZ	32.279, 45.871, 56.44
xyY	0.24, 0.341, 45.871
CIE-LCH	73.462, 37.324, 189.897
CIE-LUV	73.462, -50.34, -4.104
Hunter-Lab	67.728, -33.452, -1.999
Binary	01000101, 11000111, 10111111

#45c7bf
```
#45c7bf rgb(69,199,191)
```
#c7454d
```
#c7454d rgb(199,69,77)
```

Complementary Color

#45c77e
```
#45c77e rgb(69,199,126)
```
#45c7bf
```
#45c7bf rgb(69,199,191)
```
#458ec7
```
#458ec7 rgb(69,142,199)
```

Analogous Color

#c77e45
```
#c77e45 rgb(199,126,69)
```
#45c7bf
```
#45c7bf rgb(69,199,191)
```
#c7458e
```
#c7458e rgb(199,69,142)
```

Split Complementary Color

#c7bf45
```
#c7bf45 rgb(199,191,69)
```
#45c7bf
```
#45c7bf rgb(69,199,191)
```
#bf45c7
```
#bf45c7 rgb(191,69,199)
```

Triadic Color

#4dc745
```
#4dc745 rgb(77,199,69)
```
#45c7bf
```
#45c7bf rgb(69,199,191)
```
#bf45c7
```
#bf45c7 rgb(191,69,199)
```
#c7454d
```
#c7454d rgb(199,69,77)
```

Tetradic Color

#2c938d
```
#2c938d rgb(44,147,141)
```
#32a7a0
```
#32a7a0 rgb(50,167,160)
```
#38bab2
```
#38bab2 rgb(56,186,178)
```
#45c7bf
```
#45c7bf rgb(69,199,191)
```
#59cdc6
```
#59cdc6 rgb(89,205,198)
```
#6cd3cc
```
#6cd3cc rgb(108,211,204)
```
#80d9d3
```
#80d9d3 rgb(128,217,211)
```

Monochromatic Color

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

#45c79f
```
#45c79f rgb(69,199,159)
```
#45c7a9
```
#45c7a9 rgb(69,199,169)
```
#45c7b4
```
#45c7b4 rgb(69,199,180)
```
#45c7bf
```
#45c7bf rgb(69,199,191)
```
#45c4c7
```
#45c4c7 rgb(69,196,199)
```
#45b9c7
```
#45b9c7 rgb(69,185,199)
```
#45afc7
```
#45afc7 rgb(69,175,199)
```

Similar Colors

Text with hexadecimal color #45c7bf

This text has a font color of #45c7bf.

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

#45c7bf background color

This paragraph has a background color of #45c7bf.

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

#45c7bf border color

This element has a border color of #45c7bf.

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

CSS codes

.text {color:#45c7bf;}

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

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

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

#030a0a
```
#030a0a rgb(3,10,10)
```
#081918
```
#081918 rgb(8,25,24)
```
#0c2826
```
#0c2826 rgb(12,40,38)
```
#113735
```
#113735 rgb(17,55,53)
```
#154643
```
#154643 rgb(21,70,67)
```
#1a5552
```
#1a5552 rgb(26,85,82)
```
#1e6460
```
#1e6460 rgb(30,100,96)
```
#23746f
```
#23746f rgb(35,116,111)
```
#27837d
```
#27837d rgb(39,131,125)
```
#2c928b
```
#2c928b rgb(44,146,139)
```
#30a19a
```
#30a19a rgb(48,161,154)
```
#35b0a8
```
#35b0a8 rgb(53,176,168)
```
#39bfb7
```
#39bfb7 rgb(57,191,183)
```

Shade Color Variation

#45c7bf
```
#45c7bf rgb(69,199,191)
```
#54ccc4
```
#54ccc4 rgb(84,204,196)
```
#63d0c9
```
#63d0c9 rgb(99,208,201)
```
#72d5cf
```
#72d5cf rgb(114,213,207)
```
#81d9d4
```
#81d9d4 rgb(129,217,212)
```
#90ded9
```
#90ded9 rgb(144,222,217)
```
#9fe2de
```
#9fe2de rgb(159,226,222)
```
#afe7e3
```
#afe7e3 rgb(175,231,227)
```
#beebe9
```
#beebe9 rgb(190,235,233)
```
#cdf0ee
```
#cdf0ee rgb(205,240,238)
```
#dcf4f3
```
#dcf4f3 rgb(220,244,243)
```
#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, #7d8f8e is the less saturated color, while #0dfff0 is the most saturated one.

#7d8f8e
```
#7d8f8e rgb(125,143,142)
```
#749896
```
#749896 rgb(116,152,150)
```
#6aa29e
```
#6aa29e rgb(106,162,158)
```
#61aba7
```
#61aba7 rgb(97,171,167)
```
#58b4af
```
#58b4af rgb(88,180,175)
```
#4ebeb7
```
#4ebeb7 rgb(78,190,183)
```
#45c7bf
```
#45c7bf rgb(69,199,191)
```
#3cd0c7
```
#3cd0c7 rgb(60,208,199)
```
#32dacf
```
#32dacf rgb(50,218,207)
```
#29e3d7
```
#29e3d7 rgb(41,227,215)
```
#20ece0
```
#20ece0 rgb(32,236,224)
```
#16f6e8
```
#16f6e8 rgb(22,246,232)
```
#0dfff0
```
#0dfff0 rgb(13,255,240)
```

Tone Color Variation

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

Dichromacy

#bbb7b8 Protanopia 1% of men
#c0b3ca Deuteranopia 1% of men
#5ac6d5 Tritanopia 0.001% of the population

Trichromacy

#90bdba Protanomaly 1% of men, 0.01% of women
#93bac6 Deuteranomaly 6% of men, 0.4% of women
#52c6cd Tritanomaly 0.01% of the population

#45c7bf hex color

#45c7bf Color Information

#45c7bf Color Conversion

Color Schemes with #45c7bf

Alternatives to #45c7bf

#45c7bf Preview

Shades and Tints of #45c7bf

Tones of #45c7bf

Color Blindness Simulator