colorhexa.com

#45bc9f hex color

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

- R 27
- G 74
- B 62
RGB color chart
- C 63
- M 0
- Y 15
- K 26
CMYK color chart

● #45bc9f color description : Moderate cyan.

The hexadecimal color #45bc9f has RGB values of R:69, G:188, B:159 and CMYK values of C:0.63, M:0, Y:0.15, K:0.26. Its decimal value is 4570271.

Hex triplet	45bc9f	`#45bc9f`
RGB Decimal	69, 188, 159	`rgb(69,188,159)`
RGB Percent	27.1, 73.7, 62.4	`rgb(27.1%,73.7%,62.4%)`
CMYK	63, 0, 15, 26
HSL	165.4°, 47, 50.4	`hsl(165.4,47%,50.4%)`
HSV (or HSB)	165.4°, 63.3, 73.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.279, -40.146, 4.922
XYZ	26.693, 39.733, 39.061
xyY	0.253, 0.377, 39.733
CIE-LCH	69.279, 40.446, 173.011
CIE-LUV	69.279, -48.206, 13.496
Hunter-Lab	63.034, -34.719, 7.382
Binary	01000101, 10111100, 10011111

#45bc9f
```
#45bc9f rgb(69,188,159)
```
#bc4562
```
#bc4562 rgb(188,69,98)
```

Complementary Color

#45bc63
```
#45bc63 rgb(69,188,99)
```
#45bc9f
```
#45bc9f rgb(69,188,159)
```
#459ebc
```
#459ebc rgb(69,158,188)
```

Analogous Color

#bc6345
```
#bc6345 rgb(188,99,69)
```
#45bc9f
```
#45bc9f rgb(69,188,159)
```
#bc459e
```
#bc459e rgb(188,69,158)
```

Split Complementary Color

#bc9f45
```
#bc9f45 rgb(188,159,69)
```
#45bc9f
```
#45bc9f rgb(69,188,159)
```
#9f45bc
```
#9f45bc rgb(159,69,188)
```

Triadic Color

#62bc45
```
#62bc45 rgb(98,188,69)
```
#45bc9f
```
#45bc9f rgb(69,188,159)
```
#9f45bc
```
#9f45bc rgb(159,69,188)
```
#bc4562
```
#bc4562 rgb(188,69,98)
```

Tetradic Color

#308570
```
#308570 rgb(48,133,112)
```
#379780
```
#379780 rgb(55,151,128)
```
#3daa90
```
#3daa90 rgb(61,170,144)
```
#45bc9f
```
#45bc9f rgb(69,188,159)
```
#58c3a9
```
#58c3a9 rgb(88,195,169)
```
#6acab2
```
#6acab2 rgb(106,202,178)
```
#7dd0bc
```
#7dd0bc rgb(125,208,188)
```

Monochromatic Color

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

#45bc81
```
#45bc81 rgb(69,188,129)
```
#45bc8b
```
#45bc8b rgb(69,188,139)
```
#45bc95
```
#45bc95 rgb(69,188,149)
```
#45bc9f
```
#45bc9f rgb(69,188,159)
```
#45bca9
```
#45bca9 rgb(69,188,169)
```
#45bcb3
```
#45bcb3 rgb(69,188,179)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```

Similar Colors

Text with hexadecimal color #45bc9f

This text has a font color of #45bc9f.

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

#45bc9f background color

This paragraph has a background color of #45bc9f.

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

#45bc9f border color

This element has a border color of #45bc9f.

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

CSS codes

.text {color:#45bc9f;}

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

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

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 #f2faf8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#06100d
```
#06100d rgb(6,16,13)
```
#0b1e1a
```
#0b1e1a rgb(11,30,26)
```
#102d26
```
#102d26 rgb(16,45,38)
```
#153b32
```
#153b32 rgb(21,59,50)
```
#1b4a3e
```
#1b4a3e rgb(27,74,62)
```
#20584a
```
#20584a rgb(32,88,74)
```
#256656
```
#256656 rgb(37,102,86)
```
#2a7563
```
#2a7563 rgb(42,117,99)
```
#2f836f
```
#2f836f rgb(47,131,111)
```
#34927b
```
#34927b rgb(52,146,123)
```
#3aa087
```
#3aa087 rgb(58,160,135)
```
#3faf93
```
#3faf93 rgb(63,175,147)
```

Shade Color Variation

#45bc9f
```
#45bc9f rgb(69,188,159)
```
#53c1a6
```
#53c1a6 rgb(83,193,166)
```
#62c6ae
```
#62c6ae rgb(98,198,174)
```
#70ccb5
```
#70ccb5 rgb(112,204,181)
```
#7fd1bd
```
#7fd1bd rgb(127,209,189)
```
#8dd6c4
```
#8dd6c4 rgb(141,214,196)
```
#9cdbcc
```
#9cdbcc rgb(156,219,204)
```
#aae0d3
```
#aae0d3 rgb(170,224,211)
```
#b8e6db
```
#b8e6db rgb(184,230,219)
```
#c7ebe2
```
#c7ebe2 rgb(199,235,226)
```
#d5f0e9
```
#d5f0e9 rgb(213,240,233)
```
#e4f5f1
```
#e4f5f1 rgb(228,245,241)
```
#f2faf8
```
#f2faf8 rgb(242,250,248)
```

Tint Color Variation

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

#7f8281
```
#7f8281 rgb(127,130,129)
```
#768b86
```
#768b86 rgb(118,139,134)
```
#6c958b
```
#6c958b rgb(108,149,139)
```
#629f90
```
#629f90 rgb(98,159,144)
```
#58a995
```
#58a995 rgb(88,169,149)
```
#4fb29a
```
#4fb29a rgb(79,178,154)
```
#45bc9f
```
#45bc9f rgb(69,188,159)
```
#3bc6a4
```
#3bc6a4 rgb(59,198,164)
```
#32cfa9
```
#32cfa9 rgb(50,207,169)
```
#28d9ae
```
#28d9ae rgb(40,217,174)
```
#1ee3b3
```
#1ee3b3 rgb(30,227,179)
```
#14edb8
```
#14edb8 rgb(20,237,184)
```
#0bf6bd
```
#0bf6bd rgb(11,246,189)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#859d97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ad9a Protanopia 1% of men
#bea8ac Deuteranopia 1% of men
#60bac7 Tritanopia 0.001% of the population

Trichromacy

#8cb29c Protanomaly 1% of men, 0.01% of women
#92afa7 Deuteranomaly 6% of men, 0.4% of women
#56bab9 Tritanomaly 0.01% of the population