#45b9bc hex color

In a RGB color space, hex #45b9bc is composed of 27.1% red, 72.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 1.6% magenta, 0% yellow and 26.3% black. It has a hue angle of 181.5 degrees, a saturation of 47% and a lightness of 50.4%. #45b9bc color hex could be obtained by blending #8affff with #007379. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 73
- B 74
RGB color chart
- C 63
- M 2
- Y 0
- K 26
CMYK color chart

● #45b9bc color description : Moderate cyan.

The hexadecimal color #45b9bc has RGB values of R:69, G:185, B:188 and CMYK values of C:0.63, M:0.02, Y:0, K:0.26. Its decimal value is 4569532.

Hex triplet	45b9bc	`#45b9bc`
RGB Decimal	69, 185, 188	`rgb(69,185,188)`
RGB Percent	27.1, 72.5, 73.7	`rgb(27.1%,72.5%,73.7%)`
CMYK	63, 2, 0, 26
HSL	181.5°, 47, 50.4	`hsl(181.5,47%,50.4%)`
HSV (or HSB)	181.5°, 63.3, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.178, -31.012, -11.153
XYZ	28.878, 39.592, 53.694
xyY	0.236, 0.324, 39.592
CIE-LCH	69.178, 32.956, 199.78
CIE-LUV	69.178, -45.391, -12.361
Hunter-Lab	62.922, -28.192, -6.55
Binary	01000101, 10111001, 10111100

#45b9bc
```
#45b9bc rgb(69,185,188)
```
#bc4845
```
#bc4845 rgb(188,72,69)
```

Complementary Color

#45bc84
```
#45bc84 rgb(69,188,132)
```
#45b9bc
```
#45b9bc rgb(69,185,188)
```
#457ebc
```
#457ebc rgb(69,126,188)
```

Analogous Color

#bc8445
```
#bc8445 rgb(188,132,69)
```
#45b9bc
```
#45b9bc rgb(69,185,188)
```
#bc457e
```
#bc457e rgb(188,69,126)
```

Split Complementary Color

#b9bc45
```
#b9bc45 rgb(185,188,69)
```
#45b9bc
```
#45b9bc rgb(69,185,188)
```
#bc45b9
```
#bc45b9 rgb(188,69,185)
```

Triadic Color

#45bc48
```
#45bc48 rgb(69,188,72)
```
#45b9bc
```
#45b9bc rgb(69,185,188)
```
#bc45b9
```
#bc45b9 rgb(188,69,185)
```
#bc4845
```
#bc4845 rgb(188,72,69)
```

Tetradic Color

#308385
```
#308385 rgb(48,131,133)
```
#379597
```
#379597 rgb(55,149,151)
```
#3da7aa
```
#3da7aa rgb(61,167,170)
```
#45b9bc
```
#45b9bc rgb(69,185,188)
```
#58c0c3
```
#58c0c3 rgb(88,192,195)
```
#6ac7ca
```
#6ac7ca rgb(106,199,202)
```
#7dced0
```
#7dced0 rgb(125,206,208)
```

Monochromatic Color

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

#45bca1
```
#45bca1 rgb(69,188,161)
```
#45bcab
```
#45bcab rgb(69,188,171)
```
#45bcb5
```
#45bcb5 rgb(69,188,181)
```
#45b9bc
```
#45b9bc rgb(69,185,188)
```
#45afbc
```
#45afbc rgb(69,175,188)
```
#45a5bc
```
#45a5bc rgb(69,165,188)
```
#459bbc
```
#459bbc rgb(69,155,188)
```

Similar Colors

Text with hexadecimal color #45b9bc

This text has a font color of #45b9bc.

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

#45b9bc background color

This paragraph has a background color of #45b9bc.

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

#45b9bc border color

This element has a border color of #45b9bc.

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

CSS codes

.text {color:#45b9bc;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#061010
```
#061010 rgb(6,16,16)
```
#0b1e1e
```
#0b1e1e rgb(11,30,30)
```
#102c2d
```
#102c2d rgb(16,44,45)
```
#153a3b
```
#153a3b rgb(21,58,59)
```
#1b484a
```
#1b484a rgb(27,72,74)
```
#205758
```
#205758 rgb(32,87,88)
```
#256566
```
#256566 rgb(37,101,102)
```
#2a7375
```
#2a7375 rgb(42,115,117)
```
#2f8183
```
#2f8183 rgb(47,129,131)
```
#348f92
```
#348f92 rgb(52,143,146)
```
#3a9ea0
```
#3a9ea0 rgb(58,158,160)
```
#3facaf
```
#3facaf rgb(63,172,175)
```

Shade Color Variation

#45b9bc
```
#45b9bc rgb(69,185,188)
```
#53bec1
```
#53bec1 rgb(83,190,193)
```
#62c4c6
```
#62c4c6 rgb(98,196,198)
```
#70c9cc
```
#70c9cc rgb(112,201,204)
```
#7fcfd1
```
#7fcfd1 rgb(127,207,209)
```
#8dd4d6
```
#8dd4d6 rgb(141,212,214)
```
#9cdadb
```
#9cdadb rgb(156,218,219)
```
#aadfe0
```
#aadfe0 rgb(170,223,224)
```
#b8e4e6
```
#b8e4e6 rgb(184,228,230)
```
#c7eaeb
```
#c7eaeb rgb(199,234,235)
```
#d5eff0
```
#d5eff0 rgb(213,239,240)
```
#e4f5f5
```
#e4f5f5 rgb(228,245,245)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#7f8282
```
#7f8282 rgb(127,130,130)
```
#768b8b
```
#768b8b rgb(118,139,139)
```
#6c9495
```
#6c9495 rgb(108,148,149)
```
#629d9f
```
#629d9f rgb(98,157,159)
```
#58a7a9
```
#58a7a9 rgb(88,167,169)
```
#4fb0b2
```
#4fb0b2 rgb(79,176,178)
```
#45b9bc
```
#45b9bc rgb(69,185,188)
```
#3bc2c6
```
#3bc2c6 rgb(59,194,198)
```
#32cbcf
```
#32cbcf rgb(50,203,207)
```
#28d5d9
```
#28d5d9 rgb(40,213,217)
```
#1edee3
```
#1edee3 rgb(30,222,227)
```
#14e7ed
```
#14e7ed rgb(20,231,237)
```
#0bf0f6
```
#0bf0f6 rgb(11,240,246)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#879e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#adacb6 Protanopia 1% of men
#b0a9c6 Deuteranopia 1% of men
#54bbc8 Tritanopia 0.001% of the population

Trichromacy

#87b0b8 Protanomaly 1% of men, 0.01% of women
#89afc2 Deuteranomaly 6% of men, 0.4% of women
#4ebac4 Tritanomaly 0.01% of the population

#45b9bc hex color

#45b9bc Color Information

#45b9bc Color Conversion

Color Schemes with #45b9bc

Alternatives to #45b9bc

#45b9bc Preview

Shades and Tints of #45b9bc

Tones of #45b9bc

Color Blindness Simulator