#45cbce hex color

In a RGB color space, hex #45cbce is composed of 27.1% red, 79.6% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 1.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 181.3 degrees, a saturation of 58.3% and a lightness of 53.9%. #45cbce color hex could be obtained by blending #8affff with #00979d. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 80
- B 81
RGB color chart
- C 67
- M 1
- Y 0
- K 19
CMYK color chart

● #45cbce color description : Moderate cyan.

The hexadecimal color #45cbce has RGB values of R:69, G:203, B:206 and CMYK values of C:0.67, M:0.01, Y:0, K:0.19. Its decimal value is 4574158.

Hex triplet	45cbce	`#45cbce`
RGB Decimal	69, 203, 206	`rgb(69,203,206)`
RGB Percent	27.1, 79.6, 80.8	`rgb(27.1%,79.6%,80.8%)`
CMYK	67, 1, 0, 19
HSL	181.3°, 58.3, 53.9	`hsl(181.3,58.3%,53.9%)`
HSV (or HSB)	181.3°, 66.5, 80.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	75.095, -34.45, -12.111
XYZ	34.947, 48.43, 65.895
xyY	0.234, 0.324, 48.43
CIE-LCH	75.095, 36.517, 199.369
CIE-LUV	75.095, -50.849, -13.541
Hunter-Lab	69.592, -32.147, -7.426
Binary	01000101, 11001011, 11001110

#45cbce
```
#45cbce rgb(69,203,206)
```
#ce4845
```
#ce4845 rgb(206,72,69)
```

Complementary Color

#45ce8d
```
#45ce8d rgb(69,206,141)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#4587ce
```
#4587ce rgb(69,135,206)
```

Analogous Color

#ce8d45
```
#ce8d45 rgb(206,141,69)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#ce4587
```
#ce4587 rgb(206,69,135)
```

Split Complementary Color

#cbce45
```
#cbce45 rgb(203,206,69)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#ce45cb
```
#ce45cb rgb(206,69,203)
```

Triadic Color

#45ce48
```
#45ce48 rgb(69,206,72)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#ce45cb
```
#ce45cb rgb(206,69,203)
```
#ce4845
```
#ce4845 rgb(206,72,69)
```

Tetradic Color

#299b9d
```
#299b9d rgb(41,155,157)
```
#2faeb1
```
#2faeb1 rgb(47,174,177)
```
#34c2c5
```
#34c2c5 rgb(52,194,197)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#59d1d3
```
#59d1d3 rgb(89,209,211)
```
#6dd6d9
```
#6dd6d9 rgb(109,214,217)
```
#82dcde
```
#82dcde rgb(130,220,222)
```

Monochromatic Color

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

#45ceaf
```
#45ceaf rgb(69,206,175)
```
#45ceba
```
#45ceba rgb(69,206,186)
```
#45cec6
```
#45cec6 rgb(69,206,198)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#45c0ce
```
#45c0ce rgb(69,192,206)
```
#45b4ce
```
#45b4ce rgb(69,180,206)
```
#45a9ce
```
#45a9ce rgb(69,169,206)
```

Similar Colors

Text with hexadecimal color #45cbce

This text has a font color of #45cbce.

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

#45cbce background color

This paragraph has a background color of #45cbce.

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

#45cbce border color

This element has a border color of #45cbce.

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

CSS codes

.text {color:#45cbce;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#041010
```
#041010 rgb(4,16,16)
```
#081f1f
```
#081f1f rgb(8,31,31)
```
#0c2e2f
```
#0c2e2f rgb(12,46,47)
```
#103d3e
```
#103d3e rgb(16,61,62)
```
#154d4e
```
#154d4e rgb(21,77,78)
```
#195c5d
```
#195c5d rgb(25,92,93)
```
#1d6b6d
```
#1d6b6d rgb(29,107,109)
```
#217a7d
```
#217a7d rgb(33,122,125)
```
#258a8c
```
#258a8c rgb(37,138,140)
```
#29999c
```
#29999c rgb(41,153,156)
```
#2da8ab
```
#2da8ab rgb(45,168,171)
```
#31b8bb
```
#31b8bb rgb(49,184,187)
```

Shade Color Variation

#35c7ca
```
#35c7ca rgb(53,199,202)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#55cfd2
```
#55cfd2 rgb(85,207,210)
```
#64d4d6
```
#64d4d6 rgb(100,212,214)
```
#74d8da
```
#74d8da rgb(116,216,218)
```
#83dcde
```
#83dcde rgb(131,220,222)
```
#93e1e2
```
#93e1e2 rgb(147,225,226)
```
#a2e5e7
```
#a2e5e7 rgb(162,229,231)
```
#b2e9eb
```
#b2e9eb rgb(178,233,235)
```
#c1eeef
```
#c1eeef rgb(193,238,239)
```
#d1f2f3
```
#d1f2f3 rgb(209,242,243)
```
#e0f6f7
```
#e0f6f7 rgb(224,246,247)
```
#f0fbfb
```
#f0fbfb rgb(240,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848f8f is the less saturated color, while #18f6fb is the most saturated one.

#848f8f
```
#848f8f rgb(132,143,143)
```
#7b9798
```
#7b9798 rgb(123,151,152)
```
#72a0a1
```
#72a0a1 rgb(114,160,161)
```
#69a8aa
```
#69a8aa rgb(105,168,170)
```
#60b1b3
```
#60b1b3 rgb(96,177,179)
```
#57babc
```
#57babc rgb(87,186,188)
```
#4ec2c5
```
#4ec2c5 rgb(78,194,197)
```
#45cbce
```
#45cbce rgb(69,203,206)
```
#3cd4d7
```
#3cd4d7 rgb(60,212,215)
```
#33dce0
```
#33dce0 rgb(51,220,224)
```
#2ae5e9
```
#2ae5e9 rgb(42,229,233)
```
#21eef2
```
#21eef2 rgb(33,238,242)
```
#18f6fb
```
#18f6fb rgb(24,246,251)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#90abac Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbbc6 Protanopia 1% of men
#bfb8d8 Deuteranopia 1% of men
#55ccda Tritanopia 0.001% of the population

Trichromacy

#91c1c9 Protanomaly 1% of men, 0.01% of women
#93bfd4 Deuteranomaly 6% of men, 0.4% of women
#4fcbd6 Tritanomaly 0.01% of the population

#45cbce hex color

#45cbce Color Information

#45cbce Color Conversion

Color Schemes with #45cbce

Alternatives to #45cbce

#45cbce Preview

Shades and Tints of #45cbce

Tones of #45cbce

Color Blindness Simulator