#45bb9b hex color

In a RGB color space, hex #45bb9b is composed of 27.1% red, 73.3% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 17.1% yellow and 26.7% black. It has a hue angle of 163.7 degrees, a saturation of 46.5% and a lightness of 50.2%. #45bb9b color hex could be obtained by blending #8affff with #007737. Closest websafe color is: #33cc99.

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

● #45bb9b color description : Moderate cyan - lime green.

The hexadecimal color #45bb9b has RGB values of R:69, G:187, B:155 and CMYK values of C:0.63, M:0, Y:0.17, K:0.27. Its decimal value is 4570011.

Hex triplet	45bb9b	`#45bb9b`
RGB Decimal	69, 187, 155	`rgb(69,187,155)`
RGB Percent	27.1, 73.3, 60.8	`rgb(27.1%,73.3%,60.8%)`
CMYK	63, 0, 17, 27
HSL	163.7°, 46.5, 50.2	`hsl(163.7,46.5%,50.2%)`
HSV (or HSB)	163.7°, 63.1, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.874, -40.686, 6.529
XYZ	26.139, 39.17, 37.192
xyY	0.255, 0.382, 39.17
CIE-LCH	68.874, 41.207, 170.883
CIE-LUV	68.874, -48.062, 15.88
Hunter-Lab	62.586, -34.976, 8.577
Binary	01000101, 10111011, 10011011

#45bb9b
```
#45bb9b rgb(69,187,155)
```
#bb4565
```
#bb4565 rgb(187,69,101)
```

Complementary Color

#45bb60
```
#45bb60 rgb(69,187,96)
```
#45bb9b
```
#45bb9b rgb(69,187,155)
```
#45a0bb
```
#45a0bb rgb(69,160,187)
```

Analogous Color

#bb6045
```
#bb6045 rgb(187,96,69)
```
#45bb9b
```
#45bb9b rgb(69,187,155)
```
#bb45a0
```
#bb45a0 rgb(187,69,160)
```

Split Complementary Color

#bb9b45
```
#bb9b45 rgb(187,155,69)
```
#45bb9b
```
#45bb9b rgb(69,187,155)
```
#9b45bb
```
#9b45bb rgb(155,69,187)
```

Triadic Color

#65bb45
```
#65bb45 rgb(101,187,69)
```
#45bb9b
```
#45bb9b rgb(69,187,155)
```
#9b45bb
```
#9b45bb rgb(155,69,187)
```
#bb4565
```
#bb4565 rgb(187,69,101)
```

Tetradic Color

#30836d
```
#30836d rgb(48,131,109)
```
#37967c
```
#37967c rgb(55,150,124)
```
#3ea98c
```
#3ea98c rgb(62,169,140)
```
#45bb9b
```
#45bb9b rgb(69,187,155)
```
#58c2a5
```
#58c2a5 rgb(88,194,165)
```
#6ac9af
```
#6ac9af rgb(106,201,175)
```
#7dcfb9
```
#7dcfb9 rgb(125,207,185)
```

Monochromatic Color

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

#45bb7e
```
#45bb7e rgb(69,187,126)
```
#45bb87
```
#45bb87 rgb(69,187,135)
```
#45bb91
```
#45bb91 rgb(69,187,145)
```
#45bb9b
```
#45bb9b rgb(69,187,155)
```
#45bba5
```
#45bba5 rgb(69,187,165)
```
#45bbaf
```
#45bbaf rgb(69,187,175)
```
#45bbb9
```
#45bbb9 rgb(69,187,185)
```

Similar Colors

Text with hexadecimal color #45bb9b

This text has a font color of #45bb9b.

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

#45bb9b background color

This paragraph has a background color of #45bb9b.

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

#45bb9b border color

This element has a border color of #45bb9b.

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

CSS codes

.text {color:#45bb9b;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060f0c
```
#060f0c rgb(6,15,12)
```
#0b1d18
```
#0b1d18 rgb(11,29,24)
```
#102c24
```
#102c24 rgb(16,44,36)
```
#153a30
```
#153a30 rgb(21,58,48)
```
#1b493c
```
#1b493c rgb(27,73,60)
```
#205748
```
#205748 rgb(32,87,72)
```
#256554
```
#256554 rgb(37,101,84)
```
#2a7460
```
#2a7460 rgb(42,116,96)
```
#30826c
```
#30826c rgb(48,130,108)
```
#359078
```
#359078 rgb(53,144,120)
```
#3a9f83
```
#3a9f83 rgb(58,159,131)
```
#3fad8f
```
#3fad8f rgb(63,173,143)
```

Shade Color Variation

#45bb9b
```
#45bb9b rgb(69,187,155)
```
#53c0a3
```
#53c0a3 rgb(83,192,163)
```
#62c6aa
```
#62c6aa rgb(98,198,170)
```
#70cbb2
```
#70cbb2 rgb(112,203,178)
```
#7ed0ba
```
#7ed0ba rgb(126,208,186)
```
#8dd5c2
```
#8dd5c2 rgb(141,213,194)
```
#9bdbc9
```
#9bdbc9 rgb(155,219,201)
```
#aae0d1
```
#aae0d1 rgb(170,224,209)
```
#b8e5d9
```
#b8e5d9 rgb(184,229,217)
```
#c6eae1
```
#c6eae1 rgb(198,234,225)
```
#d5f0e8
```
#d5f0e8 rgb(213,240,232)
```
#e3f5f0
```
#e3f5f0 rgb(227,245,240)
```
#f1faf8
```
#f1faf8 rgb(241,250,248)
```

Tint Color Variation

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

#808080
```
#808080 rgb(128,128,128)
```
#768a85
```
#768a85 rgb(118,138,133)
```
#6c9489
```
#6c9489 rgb(108,148,137)
```
#629e8e
```
#629e8e rgb(98,158,142)
```
#59a792
```
#59a792 rgb(89,167,146)
```
#4fb197
```
#4fb197 rgb(79,177,151)
```
#45bb9b
```
#45bb9b rgb(69,187,155)
```
#3bc59f
```
#3bc59f rgb(59,197,159)
```
#31cfa4
```
#31cfa4 rgb(49,207,164)
```
#28d8a8
```
#28d8a8 rgb(40,216,168)
```
#1ee2ad
```
#1ee2ad rgb(30,226,173)
```
#14ecb1
```
#14ecb1 rgb(20,236,177)
```
#0af6b6
```
#0af6b6 rgb(10,246,182)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#849c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ac97 Protanopia 1% of men
#bea7a8 Deuteranopia 1% of men
#61b9c6 Tritanopia 0.001% of the population

Trichromacy

#8bb198 Protanomaly 1% of men, 0.01% of women
#92aea3 Deuteranomaly 6% of men, 0.4% of women
#56b9b6 Tritanomaly 0.01% of the population

#45bb9b hex color

#45bb9b Color Information

#45bb9b Color Conversion

Color Schemes with #45bb9b

Alternatives to #45bb9b

#45bb9b Preview

Shades and Tints of #45bb9b

Tones of #45bb9b

Color Blindness Simulator