colorhexa.com

#45ccbe hex color

In a RGB color space, hex #45ccbe is composed of 27.1% red, 80% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 6.9% yellow and 20% black. It has a hue angle of 173.8 degrees, a saturation of 57% and a lightness of 53.5%. #45ccbe color hex could be obtained by blending #8affff with #00997d. Closest websafe color is: #33cccc.

- R 27
- G 80
- B 75
RGB color chart
- C 66
- M 0
- Y 7
- K 20
CMYK color chart

● #45ccbe color description : Moderate cyan.

The hexadecimal color #45ccbe has RGB values of R:69, G:204, B:190 and CMYK values of C:0.66, M:0, Y:0.07, K:0.2. Its decimal value is 4574398.

Hex triplet	45ccbe	`#45ccbe`
RGB Decimal	69, 204, 190	`rgb(69,204,190)`
RGB Percent	27.1, 80, 74.5	`rgb(27.1%,80%,74.5%)`
CMYK	66, 0, 7, 20
HSL	173.8°, 57, 53.5	`hsl(173.8,57%,53.5%)`
HSV (or HSB)	173.8°, 66.2, 80
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.929, -39.318, -3.706
XYZ	33.338, 48.166, 56.252
xyY	0.242, 0.35, 48.166
CIE-LCH	74.929, 39.492, 185.385
CIE-LUV	74.929, -52.219, 0.502
Hunter-Lab	69.402, -35.707, 0.524
Binary	01000101, 11001100, 10111110

#45ccbe
```
#45ccbe rgb(69,204,190)
```
#cc4553
```
#cc4553 rgb(204,69,83)
```

Complementary Color

#45cc7b
```
#45cc7b rgb(69,204,123)
```
#45ccbe
```
#45ccbe rgb(69,204,190)
```
#4597cc
```
#4597cc rgb(69,151,204)
```

Analogous Color

#cc7b45
```
#cc7b45 rgb(204,123,69)
```
#45ccbe
```
#45ccbe rgb(69,204,190)
```
#cc4597
```
#cc4597 rgb(204,69,151)
```

Split Complementary Color

#ccbe45
```
#ccbe45 rgb(204,190,69)
```
#45ccbe
```
#45ccbe rgb(69,204,190)
```
#be45cc
```
#be45cc rgb(190,69,204)
```

Triadic Color

#53cc45
```
#53cc45 rgb(83,204,69)
```
#45ccbe
```
#45ccbe rgb(69,204,190)
```
#be45cc
```
#be45cc rgb(190,69,204)
```
#cc4553
```
#cc4553 rgb(204,69,83)
```

Tetradic Color

#2a9a8f
```
#2a9a8f rgb(42,154,143)
```
#30aea1
```
#30aea1 rgb(48,174,161)
```
#35c2b4
```
#35c2b4 rgb(53,194,180)
```
#45ccbe
```
#45ccbe rgb(69,204,190)
```
#59d1c5
```
#59d1c5 rgb(89,209,197)
```
#6dd7cc
```
#6dd7cc rgb(109,215,204)
```
#81dcd3
```
#81dcd3 rgb(129,220,211)
```

Monochromatic Color

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

#45cc9c
```
#45cc9c rgb(69,204,156)
```
#45cca8
```
#45cca8 rgb(69,204,168)
```
#45ccb3
```
#45ccb3 rgb(69,204,179)
```
#45ccbe
```
#45ccbe rgb(69,204,190)
```
#45ccc9
```
#45ccc9 rgb(69,204,201)
```
#45c4cc
```
#45c4cc rgb(69,196,204)
```
#45b8cc
```
#45b8cc rgb(69,184,204)
```

Similar Colors

Text with hexadecimal color #45ccbe

This text has a font color of #45ccbe.

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

#45ccbe background color

This paragraph has a background color of #45ccbe.

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

#45ccbe border color

This element has a border color of #45ccbe.

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

CSS codes

.text {color:#45ccbe;}

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

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

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, #040e0d is the darkest color, while #feffff is the lightest one.

#040e0d
```
#040e0d rgb(4,14,13)
```
#081e1b
```
#081e1b rgb(8,30,27)
```
#0c2d2a
```
#0c2d2a rgb(12,45,42)
```
#113c38
```
#113c38 rgb(17,60,56)
```
#154c46
```
#154c46 rgb(21,76,70)
```
#195b54
```
#195b54 rgb(25,91,84)
```
#1d6a62
```
#1d6a62 rgb(29,106,98)
```
#217a71
```
#217a71 rgb(33,122,113)
```
#26897f
```
#26897f rgb(38,137,127)
```
#2a998d
```
#2a998d rgb(42,153,141)
```
#2ea89b
```
#2ea89b rgb(46,168,155)
```
#32b7aa
```
#32b7aa rgb(50,183,170)
```
#37c7b8
```
#37c7b8 rgb(55,199,184)
```

Shade Color Variation

#45ccbe
```
#45ccbe rgb(69,204,190)
```
#54d0c3
```
#54d0c3 rgb(84,208,195)
```
#64d4c9
```
#64d4c9 rgb(100,212,201)
```
#73d9ce
```
#73d9ce rgb(115,217,206)
```
#83ddd4
```
#83ddd4 rgb(131,221,212)
```
#92e1d9
```
#92e1d9 rgb(146,225,217)
```
#a1e5de
```
#a1e5de rgb(161,229,222)
```
#b1eae4
```
#b1eae4 rgb(177,234,228)
```
#c0eee9
```
#c0eee9 rgb(192,238,233)
```
#d0f2ee
```
#d0f2ee rgb(208,242,238)
```
#dff6f4
```
#dff6f4 rgb(223,246,244)
```
#eefaf9
```
#eefaf9 rgb(238,250,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858c8b is the less saturated color, while #17fae2 is the most saturated one.

#858c8b
```
#858c8b rgb(133,140,139)
```
#7c9593
```
#7c9593 rgb(124,149,147)
```
#739e9a
```
#739e9a rgb(115,158,154)
```
#69a8a1
```
#69a8a1 rgb(105,168,161)
```
#60b1a8
```
#60b1a8 rgb(96,177,168)
```
#57bab0
```
#57bab0 rgb(87,186,176)
```
#4ec3b7
```
#4ec3b7 rgb(78,195,183)
```
#45ccbe
```
#45ccbe rgb(69,204,190)
```
#3cd5c5
```
#3cd5c5 rgb(60,213,197)
```
#33decc
```
#33decc rgb(51,222,204)
```
#2ae7d4
```
#2ae7d4 rgb(42,231,212)
```
#21f0db
```
#21f0db rgb(33,240,219)
```
#17fae2
```
#17fae2 rgb(23,250,226)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8faaa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bbb7 Protanopia 1% of men
#c6b7c9 Deuteranopia 1% of men
#5dcad9 Tritanopia 0.001% of the population

Trichromacy

#93c1b9 Protanomaly 1% of men, 0.01% of women
#97bec5 Deuteranomaly 6% of men, 0.4% of women
#54cbcf Tritanomaly 0.01% of the population