#45b99c hex color

In a RGB color space, hex #45b99c is composed of 27.1% red, 72.5% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 15.7% yellow and 27.5% black. It has a hue angle of 165 degrees, a saturation of 45.7% and a lightness of 49.8%. #45b99c color hex could be obtained by blending #8affff with #007339. Closest websafe color is: #33cc99.

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

● #45b99c color description : Moderate cyan.

The hexadecimal color #45b99c has RGB values of R:69, G:185, B:156 and CMYK values of C:0.63, M:0, Y:0.16, K:0.27. Its decimal value is 4569500.

Hex triplet	45b99c	`#45b99c`
RGB Decimal	69, 185, 156	`rgb(69,185,156)`
RGB Percent	27.1, 72.5, 61.2	`rgb(27.1%,72.5%,61.2%)`
CMYK	63, 0, 16, 27
HSL	165°, 45.7, 49.8	`hsl(165,45.7%,49.8%)`
HSV (or HSB)	165°, 62.7, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.286, -39.553, 5.135
XYZ	25.802, 38.361, 37.495
xyY	0.254, 0.377, 38.361
CIE-LCH	68.286, 39.885, 172.602
CIE-LUV	68.286, -47.255, 13.678
Hunter-Lab	61.936, -34.028, 7.462
Binary	01000101, 10111001, 10011100

#45b99c
```
#45b99c rgb(69,185,156)
```
#b94562
```
#b94562 rgb(185,69,98)
```

Complementary Color

#45b962
```
#45b962 rgb(69,185,98)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#459cb9
```
#459cb9 rgb(69,156,185)
```

Analogous Color

#b96245
```
#b96245 rgb(185,98,69)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#b9459c
```
#b9459c rgb(185,69,156)
```

Split Complementary Color

#b99c45
```
#b99c45 rgb(185,156,69)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#9c45b9
```
#9c45b9 rgb(156,69,185)
```

Triadic Color

#62b945
```
#62b945 rgb(98,185,69)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#9c45b9
```
#9c45b9 rgb(156,69,185)
```
#b94562
```
#b94562 rgb(185,69,98)
```

Tetradic Color

#30816d
```
#30816d rgb(48,129,109)
```
#37947d
```
#37947d rgb(55,148,125)
```
#3ea68c
```
#3ea68c rgb(62,166,140)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#57c0a6
```
#57c0a6 rgb(87,192,166)
```
#6ac7b0
```
#6ac7b0 rgb(106,199,176)
```
#7cceba
```
#7cceba rgb(124,206,186)
```

Monochromatic Color

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

#45b97f
```
#45b97f rgb(69,185,127)
```
#45b989
```
#45b989 rgb(69,185,137)
```
#45b992
```
#45b992 rgb(69,185,146)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#45b9a6
```
#45b9a6 rgb(69,185,166)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#45b9b9
```
#45b9b9 rgb(69,185,185)
```

Similar Colors

Text with hexadecimal color #45b99c

This text has a font color of #45b99c.

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

#45b99c background color

This paragraph has a background color of #45b99c.

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

#45b99c border color

This element has a border color of #45b99c.

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

CSS codes

.text {color:#45b99c;}

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

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

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

#050e0b
```
#050e0b rgb(5,14,11)
```
#0a1c17
```
#0a1c17 rgb(10,28,23)
```
#102a24
```
#102a24 rgb(16,42,36)
```
#153830
```
#153830 rgb(21,56,48)
```
#1a473c
```
#1a473c rgb(26,71,60)
```
#205548
```
#205548 rgb(32,85,72)
```
#256354
```
#256354 rgb(37,99,84)
```
#2a7260
```
#2a7260 rgb(42,114,96)
```
#30806c
```
#30806c rgb(48,128,108)
```
#358e78
```
#358e78 rgb(53,142,120)
```
#3a9c84
```
#3a9c84 rgb(58,156,132)
```
#40ab90
```
#40ab90 rgb(64,171,144)
```
#45b99c
```
#45b99c rgb(69,185,156)
```

Shade Color Variation

#53bfa4
```
#53bfa4 rgb(83,191,164)
```
#61c4ab
```
#61c4ab rgb(97,196,171)
```
#6fc9b3
```
#6fc9b3 rgb(111,201,179)
```
#7ecfbb
```
#7ecfbb rgb(126,207,187)
```
#8cd4c2
```
#8cd4c2 rgb(140,212,194)
```
#9ad9ca
```
#9ad9ca rgb(154,217,202)
```
#a9dfd1
```
#a9dfd1 rgb(169,223,209)
```
#b7e4d9
```
#b7e4d9 rgb(183,228,217)
```
#c5e9e0
```
#c5e9e0 rgb(197,233,224)
```
#d3efe8
```
#d3efe8 rgb(211,239,232)
```
#e2f4ef
```
#e2f4ef rgb(226,244,239)
```
#f0f9f7
```
#f0f9f7 rgb(240,249,247)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768884
```
#768884 rgb(118,136,132)
```
#6c9288
```
#6c9288 rgb(108,146,136)
```
#629c8d
```
#629c8d rgb(98,156,141)
```
#59a592
```
#59a592 rgb(89,165,146)
```
#4faf97
```
#4faf97 rgb(79,175,151)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#3bc3a1
```
#3bc3a1 rgb(59,195,161)
```
#31cda6
```
#31cda6 rgb(49,205,166)
```
#28d6ab
```
#28d6ab rgb(40,214,171)
```
#1ee0b0
```
#1ee0b0 rgb(30,224,176)
```
#14eab4
```
#14eab4 rgb(20,234,180)
```
#0af4b9
```
#0af4b9 rgb(10,244,185)
```
#01fdbe
```
#01fdbe rgb(1,253,190)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#839b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa98 Protanopia 1% of men
#bba5a9 Deuteranopia 1% of men
#5fb7c4 Tritanopia 0.001% of the population

Trichromacy

#8aaf99 Protanomaly 1% of men, 0.01% of women
#90aca4 Deuteranomaly 6% of men, 0.4% of women
#56b8b5 Tritanomaly 0.01% of the population

#45b99c hex color

#45b99c Color Information

#45b99c Color Conversion

Color Schemes with #45b99c

Alternatives to #45b99c

#45b99c Preview

Shades and Tints of #45b99c

Tones of #45b99c

Color Blindness Simulator