colorhexa.com

#489a8c hex color

In a RGB color space, hex #489a8c is composed of 28.2% red, 60.4% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 0% magenta, 9.1% yellow and 39.6% black. It has a hue angle of 169.8 degrees, a saturation of 36.3% and a lightness of 44.3%. #489a8c color hex could be obtained by blending #90ffff with #003519. Closest websafe color is: #339999.

- R 28
- G 60
- B 55
RGB color chart
- C 53
- M 0
- Y 9
- K 40
CMYK color chart

● #489a8c color description : Dark moderate cyan.

The hexadecimal color #489a8c has RGB values of R:72, G:154, B:140 and CMYK values of C:0.53, M:0, Y:0.09, K:0.4. Its decimal value is 4758156.

Hex triplet	489a8c	`#489a8c`
RGB Decimal	72, 154, 140	`rgb(72,154,140)`
RGB Percent	28.2, 60.4, 54.9	`rgb(28.2%,60.4%,54.9%)`
CMYK	53, 0, 9, 40
HSL	169.8°, 36.3, 44.3	`hsl(169.8,36.3%,44.3%)`
HSV (or HSB)	169.8°, 53.2, 60.4
Web Safe	339999	`#339999`

CIE-LAB	58.397, -28.527, -0.264
XYZ	18.96, 26.381, 28.902
xyY	0.255, 0.355, 26.381
CIE-LCH	58.397, 28.528, 180.531
CIE-LUV	58.397, -35.359, 3.957
Hunter-Lab	51.362, -23.992, 2.59
Binary	01001000, 10011010, 10001100

#489a8c
```
#489a8c rgb(72,154,140)
```
#9a4856
```
#9a4856 rgb(154,72,86)
```

Complementary Color

#489a63
```
#489a63 rgb(72,154,99)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#487f9a
```
#487f9a rgb(72,127,154)
```

Analogous Color

#9a6348
```
#9a6348 rgb(154,99,72)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#9a487f
```
#9a487f rgb(154,72,127)
```

Split Complementary Color

#9a8c48
```
#9a8c48 rgb(154,140,72)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#8c489a
```
#8c489a rgb(140,72,154)
```

Triadic Color

#569a48
```
#569a48 rgb(86,154,72)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#8c489a
```
#8c489a rgb(140,72,154)
```
#9a4856
```
#9a4856 rgb(154,72,86)
```

Tetradic Color

#30665d
```
#30665d rgb(48,102,93)
```
#38776c
```
#38776c rgb(56,119,108)
```
#40897c
```
#40897c rgb(64,137,124)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#50ab9c
```
#50ab9c rgb(80,171,156)
```
#60b5a6
```
#60b5a6 rgb(96,181,166)
```
#72bdb0
```
#72bdb0 rgb(114,189,176)
```

Monochromatic Color

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

#489a78
```
#489a78 rgb(72,154,120)
```
#489a7e
```
#489a7e rgb(72,154,126)
```
#489a85
```
#489a85 rgb(72,154,133)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#489a93
```
#489a93 rgb(72,154,147)
```
#489a9a
```
#489a9a rgb(72,154,154)
```
#48949a
```
#48949a rgb(72,148,154)
```

Similar Colors

Text with hexadecimal color #489a8c

This text has a font color of #489a8c.

<span style="color:#489a8c;">Text here</span>

#489a8c background color

This paragraph has a background color of #489a8c.

<p style="background-color:#489a8c;">Content here</p>

#489a8c border color

This element has a border color of #489a8c.

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

CSS codes

.text {color:#489a8c;}

.background {background-color:#489a8c;}

.border {border:1px solid #489a8c;}

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

#030706
```
#030706 rgb(3,7,6)
```
#0a1412
```
#0a1412 rgb(10,20,18)
```
#10221f
```
#10221f rgb(16,34,31)
```
#162f2b
```
#162f2b rgb(22,47,43)
```
#1c3c37
```
#1c3c37 rgb(28,60,55)
```
#234a43
```
#234a43 rgb(35,74,67)
```
#29574f
```
#29574f rgb(41,87,79)
```
#2f655b
```
#2f655b rgb(47,101,91)
```
#357268
```
#357268 rgb(53,114,104)
```
#3c7f74
```
#3c7f74 rgb(60,127,116)
```
#428d80
```
#428d80 rgb(66,141,128)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#4ea798
```
#4ea798 rgb(78,167,152)
```

Shade Color Variation

#58b1a2
```
#58b1a2 rgb(88,177,162)
```
#66b7a9
```
#66b7a9 rgb(102,183,169)
```
#73beb1
```
#73beb1 rgb(115,190,177)
```
#80c4b8
```
#80c4b8 rgb(128,196,184)
```
#8ecac0
```
#8ecac0 rgb(142,202,192)
```
#9bd0c7
```
#9bd0c7 rgb(155,208,199)
```
#a8d7cf
```
#a8d7cf rgb(168,215,207)
```
#b6ddd6
```
#b6ddd6 rgb(182,221,214)
```
#c3e3de
```
#c3e3de rgb(195,227,222)
```
#d1e9e5
```
#d1e9e5 rgb(209,233,229)
```
#def0ed
```
#def0ed rgb(222,240,237)
```
#ebf6f4
```
#ebf6f4 rgb(235,246,244)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7775 is the less saturated color, while #02e0ba is the most saturated one.

#6b7775
```
#6b7775 rgb(107,119,117)
```
#62807b
```
#62807b rgb(98,128,123)
```
#598981
```
#598981 rgb(89,137,129)
```
#519186
```
#519186 rgb(81,145,134)
```
#489a8c
```
#489a8c rgb(72,154,140)
```
#3fa392
```
#3fa392 rgb(63,163,146)
```
#37ab97
```
#37ab97 rgb(55,171,151)
```
#2eb49d
```
#2eb49d rgb(46,180,157)
```
#25bda3
```
#25bda3 rgb(37,189,163)
```
#1dc5a9
```
#1dc5a9 rgb(29,197,169)
```
#14ceae
```
#14ceae rgb(20,206,174)
```
#0bd7b4
```
#0bd7b4 rgb(11,215,180)
```
#02e0ba
```
#02e0ba rgb(2,224,186)
```

Tone Color Variation

Below, you can see how #489a8c 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

#808080 Achromatopsia 0.005% of the population
#758582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96918b Protanopia 1% of men
#9d8e97 Deuteranopia 1% of men
#5a9ca7 Tritanopia 0.001% of the population

Trichromacy

#7a948b Protanomaly 1% of men, 0.01% of women
#7e9293 Deuteranomaly 6% of men, 0.4% of women
#539b9d Tritanomaly 0.01% of the population