colorhexa.com

#31898a hex color

In a RGB color space, hex #31898a is composed of 19.2% red, 53.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 0.7% magenta, 0% yellow and 45.9% black. It has a hue angle of 180.7 degrees, a saturation of 47.6% and a lightness of 36.7%. #31898a color hex could be obtained by blending #62ffff with #001315. Closest websafe color is: #339999.

- R 19
- G 54
- B 54
RGB color chart
- C 64
- M 1
- Y 0
- K 46
CMYK color chart

● #31898a color description : Dark moderate cyan.

The hexadecimal color #31898a has RGB values of R:49, G:137, B:138 and CMYK values of C:0.64, M:0.01, Y:0, K:0.46. Its decimal value is 3246474.

Hex triplet	31898a	`#31898a`
RGB Decimal	49, 137, 138	`rgb(49,137,138)`
RGB Percent	19.2, 53.7, 54.1	`rgb(19.2%,53.7%,54.1%)`
CMYK	64, 1, 0, 46
HSL	180.7°, 47.6, 36.7	`hsl(180.7,47.6%,36.7%)`
HSV (or HSB)	180.7°, 64.5, 54.1
Web Safe	339999	`#339999`

CIE-LAB	52.262, -25.247, -8.262
XYZ	14.798, 20.378, 27.197
xyY	0.237, 0.327, 20.378
CIE-LCH	52.262, 26.565, 198.121
CIE-LUV	52.262, -34.387, -8.275
Hunter-Lab	45.142, -20.483, -4.121
Binary	00110001, 10001001, 10001010

#31898a
```
#31898a rgb(49,137,138)
```
#8a3231
```
#8a3231 rgb(138,50,49)
```

Complementary Color

#318a5f
```
#318a5f rgb(49,138,95)
```
#31898a
```
#31898a rgb(49,137,138)
```
#315d8a
```
#315d8a rgb(49,93,138)
```

Analogous Color

#8a5f31
```
#8a5f31 rgb(138,95,49)
```
#31898a
```
#31898a rgb(49,137,138)
```
#8a315d
```
#8a315d rgb(138,49,93)
```

Split Complementary Color

#898a31
```
#898a31 rgb(137,138,49)
```
#31898a
```
#31898a rgb(49,137,138)
```
#8a3189
```
#8a3189 rgb(138,49,137)
```

Triadic Color

#318a32
```
#318a32 rgb(49,138,50)
```
#31898a
```
#31898a rgb(49,137,138)
```
#8a3189
```
#8a3189 rgb(138,49,137)
```
#8a3231
```
#8a3231 rgb(138,50,49)
```

Tetradic Color

#1d5152
```
#1d5152 rgb(29,81,82)
```
#246464
```
#246464 rgb(36,100,100)
```
#2a7677
```
#2a7677 rgb(42,118,119)
```
#31898a
```
#31898a rgb(49,137,138)
```
#389c9d
```
#389c9d rgb(56,156,157)
```
#3eaeb0
```
#3eaeb0 rgb(62,174,176)
```
#49bdbe
```
#49bdbe rgb(73,189,190)
```

Monochromatic Color

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

#318a75
```
#318a75 rgb(49,138,117)
```
#318a7c
```
#318a7c rgb(49,138,124)
```
#318a84
```
#318a84 rgb(49,138,132)
```
#31898a
```
#31898a rgb(49,137,138)
```
#31828a
```
#31828a rgb(49,130,138)
```
#317a8a
```
#317a8a rgb(49,122,138)
```
#31738a
```
#31738a rgb(49,115,138)
```

Similar Colors

Text with hexadecimal color #31898a

This text has a font color of #31898a.

<span style="color:#31898a;">Text here</span>

#31898a background color

This paragraph has a background color of #31898a.

<p style="background-color:#31898a;">Content here</p>

#31898a border color

This element has a border color of #31898a.

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

CSS codes

.text {color:#31898a;}

.background {background-color:#31898a;}

.border {border:1px solid #31898a;}

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

#030808
```
#030808 rgb(3,8,8)
```
#081616
```
#081616 rgb(8,22,22)
```
#0d2425
```
#0d2425 rgb(13,36,37)
```
#123333
```
#123333 rgb(18,51,51)
```
#174142
```
#174142 rgb(23,65,66)
```
#1c5050
```
#1c5050 rgb(28,80,80)
```
#225e5f
```
#225e5f rgb(34,94,95)
```
#276c6d
```
#276c6d rgb(39,108,109)
```
#2c7b7c
```
#2c7b7c rgb(44,123,124)
```
#31898a
```
#31898a rgb(49,137,138)
```
#369798
```
#369798 rgb(54,151,152)
```
#3ba6a7
```
#3ba6a7 rgb(59,166,167)
```
#40b4b5
```
#40b4b5 rgb(64,180,181)
```

Shade Color Variation

#4bbebf
```
#4bbebf rgb(75,190,191)
```
#59c3c4
```
#59c3c4 rgb(89,195,196)
```
#67c8c9
```
#67c8c9 rgb(103,200,201)
```
#76cdce
```
#76cdce rgb(118,205,206)
```
#84d3d3
```
#84d3d3 rgb(132,211,211)
```
#93d8d9
```
#93d8d9 rgb(147,216,217)
```
#a1ddde
```
#a1ddde rgb(161,221,222)
```
#b0e2e3
```
#b0e2e3 rgb(176,226,227)
```
#bee8e8
```
#bee8e8 rgb(190,232,232)
```
#cdeded
```
#cdeded rgb(205,237,237)
```
#dbf2f2
```
#dbf2f2 rgb(219,242,242)
```
#eaf7f7
```
#eaf7f7 rgb(234,247,247)
```
#f8fdfd
```
#f8fdfd rgb(248,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5f5f is the less saturated color, while #06b3b5 is the most saturated one.

#5c5f5f
```
#5c5f5f rgb(92,95,95)
```
#556666
```
#556666 rgb(85,102,102)
```
#4e6d6d
```
#4e6d6d rgb(78,109,109)
```
#477474
```
#477474 rgb(71,116,116)
```
#3f7b7c
```
#3f7b7c rgb(63,123,124)
```
#388283
```
#388283 rgb(56,130,131)
```
#31898a
```
#31898a rgb(49,137,138)
```
#2a9091
```
#2a9091 rgb(42,144,145)
```
#239798
```
#239798 rgb(35,151,152)
```
#1b9ea0
```
#1b9ea0 rgb(27,158,160)
```
#14a5a7
```
#14a5a7 rgb(20,165,167)
```
#0dacae
```
#0dacae rgb(13,172,174)
```
#06b3b5
```
#06b3b5 rgb(6,179,181)
```

Tone Color Variation

Below, you can see how #31898a 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

#6f6f6f Achromatopsia 0.005% of the population
#637474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838289 Protanopia 1% of men
#868095 Deuteranopia 1% of men
#408d98 Tritanopia 0.001% of the population

Trichromacy

#658489 Protanomaly 1% of men, 0.01% of women
#678391 Deuteranomaly 6% of men, 0.4% of women
#3a8c93 Tritanomaly 0.01% of the population