#45c4be hex color

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

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

● #45c4be color description : Moderate cyan.

The hexadecimal color #45c4be has RGB values of R:69, G:196, B:190 and CMYK values of C:0.65, M:0, Y:0.03, K:0.23. Its decimal value is 4572350.

Hex triplet	45c4be	`#45c4be`
RGB Decimal	69, 196, 190	`rgb(69,196,190)`
RGB Percent	27.1, 76.9, 74.5	`rgb(27.1%,76.9%,74.5%)`
CMYK	65, 0, 3, 23
HSL	177.2°, 51.8, 52	`hsl(177.2,51.8%,52%)`
HSV (or HSB)	177.2°, 64.8, 76.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.535, -35.655, -7.245
XYZ	31.486, 44.46, 55.635
xyY	0.239, 0.338, 44.46
CIE-LCH	72.535, 36.383, 191.486
CIE-LUV	72.535, -49.308, -5.565
Hunter-Lab	66.678, -32.399, -2.795
Binary	01000101, 11000100, 10111110

#45c4be
```
#45c4be rgb(69,196,190)
```
#c4454b
```
#c4454b rgb(196,69,75)
```

Complementary Color

#45c47f
```
#45c47f rgb(69,196,127)
```
#45c4be
```
#45c4be rgb(69,196,190)
```
#458bc4
```
#458bc4 rgb(69,139,196)
```

Analogous Color

#c47f45
```
#c47f45 rgb(196,127,69)
```
#45c4be
```
#45c4be rgb(69,196,190)
```
#c4458b
```
#c4458b rgb(196,69,139)
```

Split Complementary Color

#c4be45
```
#c4be45 rgb(196,190,69)
```
#45c4be
```
#45c4be rgb(69,196,190)
```
#be45c4
```
#be45c4 rgb(190,69,196)
```

Triadic Color

#4bc445
```
#4bc445 rgb(75,196,69)
```
#45c4be
```
#45c4be rgb(69,196,190)
```
#be45c4
```
#be45c4 rgb(190,69,196)
```
#c4454b
```
#c4454b rgb(196,69,75)
```

Tetradic Color

#2d8f8a
```
#2d8f8a rgb(45,143,138)
```
#34a29d
```
#34a29d rgb(52,162,157)
```
#3ab6b0
```
#3ab6b0 rgb(58,182,176)
```
#45c4be
```
#45c4be rgb(69,196,190)
```
#58cac5
```
#58cac5 rgb(88,202,197)
```
#6cd0cc
```
#6cd0cc rgb(108,208,204)
```
#7fd6d2
```
#7fd6d2 rgb(127,214,210)
```

Monochromatic Color

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

#45c49e
```
#45c49e rgb(69,196,158)
```
#45c4a9
```
#45c4a9 rgb(69,196,169)
```
#45c4b3
```
#45c4b3 rgb(69,196,179)
```
#45c4be
```
#45c4be rgb(69,196,190)
```
#45bfc4
```
#45bfc4 rgb(69,191,196)
```
#45b5c4
```
#45b5c4 rgb(69,181,196)
```
#45aac4
```
#45aac4 rgb(69,170,196)
```

Similar Colors

Text with hexadecimal color #45c4be

This text has a font color of #45c4be.

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

#45c4be background color

This paragraph has a background color of #45c4be.

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

#45c4be border color

This element has a border color of #45c4be.

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

CSS codes

.text {color:#45c4be;}

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

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

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)
```
#071616
```
#071616 rgb(7,22,22)
```
#0c2524
```
#0c2524 rgb(12,37,36)
```
#113433
```
#113433 rgb(17,52,51)
```
#154341
```
#154341 rgb(21,67,65)
```
#1a524f
```
#1a524f rgb(26,82,79)
```
#1f615e
```
#1f615e rgb(31,97,94)
```
#23706c
```
#23706c rgb(35,112,108)
```
#287f7b
```
#287f7b rgb(40,127,123)
```
#2d8e89
```
#2d8e89 rgb(45,142,137)
```
#329d97
```
#329d97 rgb(50,157,151)
```
#36aba6
```
#36aba6 rgb(54,171,166)
```
#3bbab4
```
#3bbab4 rgb(59,186,180)
```

Shade Color Variation

#45c4be
```
#45c4be rgb(69,196,190)
```
#54c9c3
```
#54c9c3 rgb(84,201,195)
```
#63cdc8
```
#63cdc8 rgb(99,205,200)
```
#72d2ce
```
#72d2ce rgb(114,210,206)
```
#81d7d3
```
#81d7d3 rgb(129,215,211)
```
#8fdcd8
```
#8fdcd8 rgb(143,220,216)
```
#9ee0dd
```
#9ee0dd rgb(158,224,221)
```
#ade5e2
```
#ade5e2 rgb(173,229,226)
```
#bceae8
```
#bceae8 rgb(188,234,232)
```
#cbefed
```
#cbefed rgb(203,239,237)
```
#daf3f2
```
#daf3f2 rgb(218,243,242)
```
#e9f8f7
```
#e9f8f7 rgb(233,248,247)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#7e8b8b
```
#7e8b8b rgb(126,139,139)
```
#749593
```
#749593 rgb(116,149,147)
```
#6b9e9c
```
#6b9e9c rgb(107,158,156)
```
#61a8a4
```
#61a8a4 rgb(97,168,164)
```
#58b1ad
```
#58b1ad rgb(88,177,173)
```
#4ebbb5
```
#4ebbb5 rgb(78,187,181)
```
#45c4be
```
#45c4be rgb(69,196,190)
```
#3ccdc7
```
#3ccdc7 rgb(60,205,199)
```
#32d7cf
```
#32d7cf rgb(50,215,207)
```
#29e0d8
```
#29e0d8 rgb(41,224,216)
```
#1feae0
```
#1feae0 rgb(31,234,224)
```
#16f3e9
```
#16f3e9 rgb(22,243,233)
```
#0cfdf1
```
#0cfdf1 rgb(12,253,241)
```

Tone Color Variation

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

Dichromacy

#b8b5b7 Protanopia 1% of men
#bdb1c9 Deuteranopia 1% of men
#59c4d2 Tritanopia 0.001% of the population

Trichromacy

#8ebab9 Protanomaly 1% of men, 0.01% of women
#91b8c5 Deuteranomaly 6% of men, 0.4% of women
#51c4cb Tritanomaly 0.01% of the population

#45c4be hex color

#45c4be Color Information

#45c4be Color Conversion

Color Schemes with #45c4be

Alternatives to #45c4be

#45c4be Preview

Shades and Tints of #45c4be

Tones of #45c4be

Color Blindness Simulator