#45b6c9 hex color

In a RGB color space, hex #45b6c9 is composed of 27.1% red, 71.4% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 9.5% magenta, 0% yellow and 21.2% black. It has a hue angle of 188.6 degrees, a saturation of 55% and a lightness of 52.9%. #45b6c9 color hex could be obtained by blending #8affff with #006d93. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 71
- B 79
RGB color chart
- C 66
- M 9
- Y 0
- K 21
CMYK color chart

● #45b6c9 color description : Moderate cyan.

The hexadecimal color #45b6c9 has RGB values of R:69, G:182, B:201 and CMYK values of C:0.66, M:0.09, Y:0, K:0.21. Its decimal value is 4568777.

Hex triplet	45b6c9	`#45b6c9`
RGB Decimal	69, 182, 201	`rgb(69,182,201)`
RGB Percent	27.1, 71.4, 78.8	`rgb(27.1%,71.4%,78.8%)`
CMYK	66, 9, 0, 21
HSL	188.6°, 55, 52.9	`hsl(188.6,55%,52.9%)`
HSV (or HSB)	188.6°, 65.7, 78.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.705, -25.729, -19.016
XYZ	29.722, 38.936, 61.204
xyY	0.229, 0.3, 38.936
CIE-LCH	68.705, 31.993, 216.467
CIE-LUV	68.705, -43.533, -25.781
Hunter-Lab	62.398, -24.174, -14.476
Binary	01000101, 10110110, 11001001

#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#c95845
```
#c95845 rgb(201,88,69)
```

Complementary Color

#45c99a
```
#45c99a rgb(69,201,154)
```
#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#4574c9
```
#4574c9 rgb(69,116,201)
```

Analogous Color

#c99a45
```
#c99a45 rgb(201,154,69)
```
#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#c94574
```
#c94574 rgb(201,69,116)
```

Split Complementary Color

#b6c945
```
#b6c945 rgb(182,201,69)
```
#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#c945b6
```
#c945b6 rgb(201,69,182)
```

Triadic Color

#45c958
```
#45c958 rgb(69,201,88)
```
#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#c945b6
```
#c945b6 rgb(201,69,182)
```
#c95845
```
#c95845 rgb(201,88,69)
```

Tetradic Color

#2c8796
```
#2c8796 rgb(44,135,150)
```
#3198aa
```
#3198aa rgb(49,152,170)
```
#37aabd
```
#37aabd rgb(55,170,189)
```
#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#59becf
```
#59becf rgb(89,190,207)
```
#6dc6d4
```
#6dc6d4 rgb(109,198,212)
```
#80cdda
```
#80cdda rgb(128,205,218)
```

Monochromatic Color

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

#45c9bb
```
#45c9bb rgb(69,201,187)
```
#45c9c6
```
#45c9c6 rgb(69,201,198)
```
#45c1c9
```
#45c1c9 rgb(69,193,201)
```
#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#45abc9
```
#45abc9 rgb(69,171,201)
```
#45a0c9
```
#45a0c9 rgb(69,160,201)
```
#4595c9
```
#4595c9 rgb(69,149,201)
```

Similar Colors

Text with hexadecimal color #45b6c9

This text has a font color of #45b6c9.

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

#45b6c9 background color

This paragraph has a background color of #45b6c9.

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

#45b6c9 border color

This element has a border color of #45b6c9.

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

CSS codes

.text {color:#45b6c9;}

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

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

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

#030a0c
```
#030a0c rgb(3,10,12)
```
#08181b
```
#08181b rgb(8,24,27)
```
#0c262a
```
#0c262a rgb(12,38,42)
```
#113339
```
#113339 rgb(17,51,57)
```
#154148
```
#154148 rgb(21,65,72)
```
#194f58
```
#194f58 rgb(25,79,88)
```
#1e5c67
```
#1e5c67 rgb(30,92,103)
```
#226a76
```
#226a76 rgb(34,106,118)
```
#277885
```
#277885 rgb(39,120,133)
```
#2b8594
```
#2b8594 rgb(43,133,148)
```
#3093a4
```
#3093a4 rgb(48,147,164)
```
#34a1b3
```
#34a1b3 rgb(52,161,179)
```
#38aec2
```
#38aec2 rgb(56,174,194)
```

Shade Color Variation

#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#54bccd
```
#54bccd rgb(84,188,205)
```
#63c2d2
```
#63c2d2 rgb(99,194,210)
```
#73c8d6
```
#73c8d6 rgb(115,200,214)
```
#82cedb
```
#82cedb rgb(130,206,219)
```
#91d4df
```
#91d4df rgb(145,212,223)
```
#a0dae3
```
#a0dae3 rgb(160,218,227)
```
#afe0e8
```
#afe0e8 rgb(175,224,232)
```
#bfe6ec
```
#bfe6ec rgb(191,230,236)
```
#ceecf1
```
#ceecf1 rgb(206,236,241)
```
#ddf2f5
```
#ddf2f5 rgb(221,242,245)
```
#ecf8fa
```
#ecf8fa rgb(236,248,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#868888
```
#868888 rgb(134,136,136)
```
#7c8f92
```
#7c8f92 rgb(124,143,146)
```
#73959b
```
#73959b rgb(115,149,155)
```
#6a9ca4
```
#6a9ca4 rgb(106,156,164)
```
#61a2ad
```
#61a2ad rgb(97,162,173)
```
#57a9b7
```
#57a9b7 rgb(87,169,183)
```
#4eafc0
```
#4eafc0 rgb(78,175,192)
```
#45b6c9
```
#45b6c9 rgb(69,182,201)
```
#3cbdd2
```
#3cbdd2 rgb(60,189,210)
```
#33c3db
```
#33c3db rgb(51,195,219)
```
#29cae5
```
#29cae5 rgb(41,202,229)
```
#20d0ee
```
#20d0ee rgb(32,208,238)
```
#17d7f7
```
#17d7f7 rgb(23,215,247)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869ca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7aac2 Protanopia 1% of men
#a7a8d2 Deuteranopia 1% of men
#4cbac8 Tritanopia 0.001% of the population

Trichromacy

#83aec5 Protanomaly 1% of men, 0.01% of women
#83adce Deuteranomaly 6% of men, 0.4% of women
#49b8c8 Tritanomaly 0.01% of the population

#45b6c9 hex color

#45b6c9 Color Information

#45b6c9 Color Conversion

Color Schemes with #45b6c9

Alternatives to #45b6c9

#45b6c9 Preview

Shades and Tints of #45b6c9

Tones of #45b6c9

Color Blindness Simulator