#317f7c hex color

In a RGB color space, hex #317f7c is composed of 19.2% red, 49.8% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 61.4% cyan, 0% magenta, 2.4% yellow and 50.2% black. It has a hue angle of 177.7 degrees, a saturation of 44.3% and a lightness of 34.5%. #317f7c color hex could be obtained by blending #62fef8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 50
- B 49
RGB color chart
- C 61
- M 0
- Y 2
- K 50
CMYK color chart

● #317f7c color description : Dark moderate cyan.

The hexadecimal color #317f7c has RGB values of R:49, G:127, B:124 and CMYK values of C:0.61, M:0, Y:0.02, K:0.5. Its decimal value is 3243900.

Hex triplet	317f7c	`#317f7c`
RGB Decimal	49, 127, 124	`rgb(49,127,124)`
RGB Percent	19.2, 49.8, 48.6	`rgb(19.2%,49.8%,48.6%)`
CMYK	61, 0, 2, 50
HSL	177.7°, 44.3, 34.5	`hsl(177.7,44.3%,34.5%)`
HSV (or HSB)	177.7°, 61.4, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.618, -24.306, -5.495
XYZ	12.493, 17.286, 21.746
xyY	0.242, 0.335, 17.286
CIE-LCH	48.618, 24.919, 192.739
CIE-LUV	48.618, -31.326, -4.248
Hunter-Lab	41.576, -19.122, -1.907
Binary	00110001, 01111111, 01111100

#317f7c
```
#317f7c rgb(49,127,124)
```
#7f3134
```
#7f3134 rgb(127,49,52)
```

Complementary Color

#317f55
```
#317f55 rgb(49,127,85)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#315b7f
```
#315b7f rgb(49,91,127)
```

Analogous Color

#7f5531
```
#7f5531 rgb(127,85,49)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#7f315b
```
#7f315b rgb(127,49,91)
```

Split Complementary Color

#7f7c31
```
#7f7c31 rgb(127,124,49)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#7c317f
```
#7c317f rgb(124,49,127)
```

Triadic Color

#347f31
```
#347f31 rgb(52,127,49)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#7c317f
```
#7c317f rgb(124,49,127)
```
#7f3134
```
#7f3134 rgb(127,49,52)
```

Tetradic Color

#1c4846
```
#1c4846 rgb(28,72,70)
```
#235a58
```
#235a58 rgb(35,90,88)
```
#2a6d6a
```
#2a6d6a rgb(42,109,106)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#38918e
```
#38918e rgb(56,145,142)
```
#3fa4a0
```
#3fa4a0 rgb(63,164,160)
```
#46b6b2
```
#46b6b2 rgb(70,182,178)
```

Monochromatic Color

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

#317f69
```
#317f69 rgb(49,127,105)
```
#317f6f
```
#317f6f rgb(49,127,111)
```
#317f76
```
#317f76 rgb(49,127,118)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#317c7f
```
#317c7f rgb(49,124,127)
```
#31757f
```
#31757f rgb(49,117,127)
```
#316f7f
```
#316f7f rgb(49,111,127)
```

Similar Colors

Text with hexadecimal color #317f7c

This text has a font color of #317f7c.

<span style="color:#317f7c;">Text here</span>

#317f7c background color

This paragraph has a background color of #317f7c.

<p style="background-color:#317f7c;">Content here</p>

#317f7c border color

This element has a border color of #317f7c.

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

CSS codes

.text {color:#317f7c;}

.background {background-color:#317f7c;}

.border {border:1px solid #317f7c;}

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

#050e0d
```
#050e0d rgb(5,14,13)
```
#0b1c1b
```
#0b1c1b rgb(11,28,27)
```
#102a29
```
#102a29 rgb(16,42,41)
```
#163837
```
#163837 rgb(22,56,55)
```
#1b4645
```
#1b4645 rgb(27,70,69)
```
#215553
```
#215553 rgb(33,85,83)
```
#266360
```
#266360 rgb(38,99,96)
```
#2c716e
```
#2c716e rgb(44,113,110)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#368d8a
```
#368d8a rgb(54,141,138)
```
#3c9b98
```
#3c9b98 rgb(60,155,152)
```
#41a9a5
```
#41a9a5 rgb(65,169,165)
```
#47b8b3
```
#47b8b3 rgb(71,184,179)
```

Shade Color Variation

#55bdb9
```
#55bdb9 rgb(85,189,185)
```
#63c3bf
```
#63c3bf rgb(99,195,191)
```
#71c8c5
```
#71c8c5 rgb(113,200,197)
```
#7fcecb
```
#7fcecb rgb(127,206,203)
```
#8dd3d0
```
#8dd3d0 rgb(141,211,208)
```
#9cd9d6
```
#9cd9d6 rgb(156,217,214)
```
#aadedc
```
#aadedc rgb(170,222,220)
```
#b8e4e2
```
#b8e4e2 rgb(184,228,226)
```
#c6e9e8
```
#c6e9e8 rgb(198,233,232)
```
#d4eeed
```
#d4eeed rgb(212,238,237)
```
#e2f4f3
```
#e2f4f3 rgb(226,244,243)
```
#f0f9f9
```
#f0f9f9 rgb(240,249,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#535d5d
```
#535d5d rgb(83,93,93)
```
#4c6463
```
#4c6463 rgb(76,100,99)
```
#456b69
```
#456b69 rgb(69,107,105)
```
#3f7170
```
#3f7170 rgb(63,113,112)
```
#387876
```
#387876 rgb(56,120,118)
```
#317f7c
```
#317f7c rgb(49,127,124)
```
#2a8682
```
#2a8682 rgb(42,134,130)
```
#238d88
```
#238d88 rgb(35,141,136)
```
#1d938f
```
#1d938f rgb(29,147,143)
```
#169a95
```
#169a95 rgb(22,154,149)
```
#0fa19b
```
#0fa19b rgb(15,161,155)
```
#08a8a1
```
#08a8a1 rgb(8,168,161)
```
#02aea8
```
#02aea8 rgb(2,174,168)
```

Tone Color Variation

Below, you can see how #317f7c 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

#676767 Achromatopsia 0.005% of the population
#5c6c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7a7c Protanopia 1% of men
#7f7787 Deuteranopia 1% of men
#41838d Tritanopia 0.001% of the population

Trichromacy

#607b7c Protanomaly 1% of men, 0.01% of women
#637a83 Deuteranomaly 6% of men, 0.4% of women
#3b8287 Tritanomaly 0.01% of the population

#317f7c hex color

#317f7c Color Information

#317f7c Color Conversion

Color Schemes with #317f7c

Alternatives to #317f7c

#317f7c Preview

Shades and Tints of #317f7c

Tones of #317f7c

Color Blindness Simulator