colorhexa.com

#5aa698 hex color

In a RGB color space, hex #5aa698 is composed of 35.3% red, 65.1% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 8.4% yellow and 34.9% black. It has a hue angle of 168.9 degrees, a saturation of 29.9% and a lightness of 50.2%. #5aa698 color hex could be obtained by blending #b4ffff with #004d31. Closest websafe color is: #669999.

- R 35
- G 65
- B 60
RGB color chart
- C 46
- M 0
- Y 8
- K 35
CMYK color chart

● #5aa698 color description : Dark moderate cyan.

The hexadecimal color #5aa698 has RGB values of R:90, G:166, B:152 and CMYK values of C:0.46, M:0, Y:0.08, K:0.35. Its decimal value is 5940888.

Hex triplet	5aa698	`#5aa698`
RGB Decimal	90, 166, 152	`rgb(90,166,152)`
RGB Percent	35.3, 65.1, 59.6	`rgb(35.3%,65.1%,59.6%)`
CMYK	46, 0, 8, 35
HSL	168.9°, 29.9, 50.2	`hsl(168.9,29.9%,50.2%)`
HSV (or HSB)	168.9°, 45.8, 65.1
Web Safe	669999	`#669999`

CIE-LAB	63.104, -27.063, -0.075
XYZ	23.518, 31.712, 34.586
xyY	0.262, 0.353, 31.712
CIE-LCH	63.104, 27.063, 180.159
CIE-LUV	63.104, -34.305, 4.111
Hunter-Lab	56.313, -23.999, 3.005
Binary	01011010, 10100110, 10011000

#5aa698
```
#5aa698 rgb(90,166,152)
```
#a65a68
```
#a65a68 rgb(166,90,104)
```

Complementary Color

#5aa672
```
#5aa672 rgb(90,166,114)
```
#5aa698
```
#5aa698 rgb(90,166,152)
```
#5a8ea6
```
#5a8ea6 rgb(90,142,166)
```

Analogous Color

#a6725a
```
#a6725a rgb(166,114,90)
```
#5aa698
```
#5aa698 rgb(90,166,152)
```
#a65a8e
```
#a65a8e rgb(166,90,142)
```

Split Complementary Color

#a6985a
```
#a6985a rgb(166,152,90)
```
#5aa698
```
#5aa698 rgb(90,166,152)
```
#985aa6
```
#985aa6 rgb(152,90,166)
```

Triadic Color

#68a65a
```
#68a65a rgb(104,166,90)
```
#5aa698
```
#5aa698 rgb(90,166,152)
```
#985aa6
```
#985aa6 rgb(152,90,166)
```
#a65a68
```
#a65a68 rgb(166,90,104)
```

Tetradic Color

#3f756b
```
#3f756b rgb(63,117,107)
```
#48857a
```
#48857a rgb(72,133,122)
```
#519689
```
#519689 rgb(81,150,137)
```
#5aa698
```
#5aa698 rgb(90,166,152)
```
#6bafa2
```
#6bafa2 rgb(107,175,162)
```
#7bb8ad
```
#7bb8ad rgb(123,184,173)
```
#8cc1b7
```
#8cc1b7 rgb(140,193,183)
```

Monochromatic Color

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

#5aa685
```
#5aa685 rgb(90,166,133)
```
#5aa68b
```
#5aa68b rgb(90,166,139)
```
#5aa692
```
#5aa692 rgb(90,166,146)
```
#5aa698
```
#5aa698 rgb(90,166,152)
```
#5aa69e
```
#5aa69e rgb(90,166,158)
```
#5aa6a5
```
#5aa6a5 rgb(90,166,165)
```
#5aa1a6
```
#5aa1a6 rgb(90,161,166)
```

Similar Colors

Text with hexadecimal color #5aa698

This text has a font color of #5aa698.

<span style="color:#5aa698;">Text here</span>

#5aa698 background color

This paragraph has a background color of #5aa698.

<p style="background-color:#5aa698;">Content here</p>

#5aa698 border color

This element has a border color of #5aa698.

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

CSS codes

.text {color:#5aa698;}

.background {background-color:#5aa698;}

.border {border:1px solid #5aa698;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070d0c
```
#070d0c rgb(7,13,12)
```
#0e1a18
```
#0e1a18 rgb(14,26,24)
```
#152724
```
#152724 rgb(21,39,36)
```
#1c342f
```
#1c342f rgb(28,52,47)
```
#23403b
```
#23403b rgb(35,64,59)
```
#2a4d47
```
#2a4d47 rgb(42,77,71)
```
#305a52
```
#305a52 rgb(48,90,82)
```
#37675e
```
#37675e rgb(55,103,94)
```
#3e736a
```
#3e736a rgb(62,115,106)
```
#458075
```
#458075 rgb(69,128,117)
```
#4c8d81
```
#4c8d81 rgb(76,141,129)
```
#539a8d
```
#539a8d rgb(83,154,141)
```

Shade Color Variation

#5aa698
```
#5aa698 rgb(90,166,152)
```
#67ada0
```
#67ada0 rgb(103,173,160)
```
#73b4a8
```
#73b4a8 rgb(115,180,168)
```
#80bbb0
```
#80bbb0 rgb(128,187,176)
```
#8dc1b8
```
#8dc1b8 rgb(141,193,184)
```
#9ac8c0
```
#9ac8c0 rgb(154,200,192)
```
#a6cfc8
```
#a6cfc8 rgb(166,207,200)
```
#b3d6d0
```
#b3d6d0 rgb(179,214,208)
```
#c0ddd8
```
#c0ddd8 rgb(192,221,216)
```
#cde4e0
```
#cde4e0 rgb(205,228,224)
```
#d9ebe8
```
#d9ebe8 rgb(217,235,232)
```
#e6f2ef
```
#e6f2ef rgb(230,242,239)
```
#f3f8f7
```
#f3f8f7 rgb(243,248,247)
```

Tint Color Variation

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

#778985
```
#778985 rgb(119,137,133)
```
#6e928c
```
#6e928c rgb(110,146,140)
```
#649c92
```
#649c92 rgb(100,156,146)
```
#5aa698
```
#5aa698 rgb(90,166,152)
```
#50b09e
```
#50b09e rgb(80,176,158)
```
#46baa4
```
#46baa4 rgb(70,186,164)
```
#3dc3ab
```
#3dc3ab rgb(61,195,171)
```
#33cdb1
```
#33cdb1 rgb(51,205,177)
```
#29d7b7
```
#29d7b7 rgb(41,215,183)
```
#1fe1bd
```
#1fe1bd rgb(31,225,189)
```
#16eac3
```
#16eac3 rgb(22,234,195)
```
#0cf4c9
```
#0cf4c9 rgb(12,244,201)
```
#02fed0
```
#02fed0 rgb(2,254,208)
```

Tone Color Variation

Below, you can see how #5aa698 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

#8e8e8e Achromatopsia 0.005% of the population
#849390 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29d96 Protanopia 1% of men
#aa99a3 Deuteranopia 1% of men
#6aa7b3 Tritanopia 0.001% of the population

Trichromacy

#88a097 Protanomaly 1% of men, 0.01% of women
#8c9e9f Deuteranomaly 6% of men, 0.4% of women
#64a6a9 Tritanomaly 0.01% of the population