colorhexa.com

#1f7354 hex color

In a RGB color space, hex #1f7354 is composed of 12.2% red, 45.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 27% yellow and 54.9% black. It has a hue angle of 157.9 degrees, a saturation of 57.5% and a lightness of 28.6%. #1f7354 color hex could be obtained by blending #3ee6a8 with #000000. Closest websafe color is: #336666.

- R 12
- G 45
- B 33
RGB color chart
- C 73
- M 0
- Y 27
- K 55
CMYK color chart

● #1f7354 color description : Dark cyan - lime green.

The hexadecimal color #1f7354 has RGB values of R:31, G:115, B:84 and CMYK values of C:0.73, M:0, Y:0.27, K:0.55. Its decimal value is 2061140.

Hex triplet	1f7354	`#1f7354`
RGB Decimal	31, 115, 84	`rgb(31,115,84)`
RGB Percent	12.2, 45.1, 32.9	`rgb(12.2%,45.1%,32.9%)`
CMYK	73, 0, 27, 55
HSL	157.9°, 57.5, 28.6	`hsl(157.9,57.5%,28.6%)`
HSV (or HSB)	157.9°, 73, 45.1
Web Safe	336666	`#336666`

CIE-LAB	43.051, -32.744, 10.109
XYZ	8.295, 13.192, 10.496
xyY	0.259, 0.412, 13.192
CIE-LCH	43.051, 34.269, 162.843
CIE-LUV	43.051, -32.587, 17.477
Hunter-Lab	36.321, -22.794, 8.291
Binary	00011111, 01110011, 01010100

#1f7354
```
#1f7354 rgb(31,115,84)
```
#731f3e
```
#731f3e rgb(115,31,62)
```

Complementary Color

#1f732a
```
#1f732a rgb(31,115,42)
```
#1f7354
```
#1f7354 rgb(31,115,84)
```
#1f6873
```
#1f6873 rgb(31,104,115)
```

Analogous Color

#732a1f
```
#732a1f rgb(115,42,31)
```
#1f7354
```
#1f7354 rgb(31,115,84)
```
#731f68
```
#731f68 rgb(115,31,104)
```

Split Complementary Color

#73541f
```
#73541f rgb(115,84,31)
```
#1f7354
```
#1f7354 rgb(31,115,84)
```
#541f73
```
#541f73 rgb(84,31,115)
```

Triadic Color

#0f3728
```
#0f3728 rgb(15,55,40)
```
#144b37
```
#144b37 rgb(20,75,55)
```
#1a5f45
```
#1a5f45 rgb(26,95,69)
```
#1f7354
```
#1f7354 rgb(31,115,84)
```
#248763
```
#248763 rgb(36,135,99)
```
#2a9b71
```
#2a9b71 rgb(42,155,113)
```
#2faf80
```
#2faf80 rgb(47,175,128)
```

Monochromatic Color

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

#1f733f
```
#1f733f rgb(31,115,63)
```
#1f7346
```
#1f7346 rgb(31,115,70)
```
#1f734d
```
#1f734d rgb(31,115,77)
```
#1f7354
```
#1f7354 rgb(31,115,84)
```
#1f735b
```
#1f735b rgb(31,115,91)
```
#1f7362
```
#1f7362 rgb(31,115,98)
```
#1f7369
```
#1f7369 rgb(31,115,105)
```

Similar Colors

Text with hexadecimal color #1f7354

This text has a font color of #1f7354.

<span style="color:#1f7354;">Text here</span>

#1f7354 background color

This paragraph has a background color of #1f7354.

<p style="background-color:#1f7354;">Content here</p>

#1f7354 border color

This element has a border color of #1f7354.

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

CSS codes

.text {color:#1f7354;}

.background {background-color:#1f7354;}

.border {border:1px solid #1f7354;}

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

#020705
```
#020705 rgb(2,7,5)
```
#061610
```
#061610 rgb(6,22,16)
```
#0a261c
```
#0a261c rgb(10,38,28)
```
#0e3527
```
#0e3527 rgb(14,53,39)
```
#134532
```
#134532 rgb(19,69,50)
```
#17543d
```
#17543d rgb(23,84,61)
```
#1b6449
```
#1b6449 rgb(27,100,73)
```
#1f7354
```
#1f7354 rgb(31,115,84)
```
#23825f
```
#23825f rgb(35,130,95)
```
#27926b
```
#27926b rgb(39,146,107)
```
#2ba176
```
#2ba176 rgb(43,161,118)
```
#30b181
```
#30b181 rgb(48,177,129)
```
#34c08c
```
#34c08c rgb(52,192,140)
```

Shade Color Variation

#3dcb96
```
#3dcb96 rgb(61,203,150)
```
#4ccf9f
```
#4ccf9f rgb(76,207,159)
```
#5cd3a7
```
#5cd3a7 rgb(92,211,167)
```
#6bd7af
```
#6bd7af rgb(107,215,175)
```
#7bdbb8
```
#7bdbb8 rgb(123,219,184)
```
#8ae0c0
```
#8ae0c0 rgb(138,224,192)
```
#9ae4c8
```
#9ae4c8 rgb(154,228,200)
```
#a9e8d1
```
#a9e8d1 rgb(169,232,209)
```
#b9ecd9
```
#b9ecd9 rgb(185,236,217)
```
#c8f0e1
```
#c8f0e1 rgb(200,240,225)
```
#d7f4ea
```
#d7f4ea rgb(215,244,234)
```
#e7f9f2
```
#e7f9f2 rgb(231,249,242)
```
#f6fdfa
```
#f6fdfa rgb(246,253,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464c4a is the less saturated color, while #038f5b is the most saturated one.

#464c4a
```
#464c4a rgb(70,76,74)
```
#41514b
```
#41514b rgb(65,81,75)
```
#3b574d
```
#3b574d rgb(59,87,77)
```
#355d4e
```
#355d4e rgb(53,93,78)
```
#306250
```
#306250 rgb(48,98,80)
```
#2a6851
```
#2a6851 rgb(42,104,81)
```
#256d53
```
#256d53 rgb(37,109,83)
```
#1f7354
```
#1f7354 rgb(31,115,84)
```
#197955
```
#197955 rgb(25,121,85)
```
#147e57
```
#147e57 rgb(20,126,87)
```
#0e8458
```
#0e8458 rgb(14,132,88)
```
#09895a
```
#09895a rgb(9,137,90)
```
#038f5b
```
#038f5b rgb(3,143,91)
```

Tone Color Variation

Below, you can see how #1f7354 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

#565656 Achromatopsia 0.005% of the population
#4b5c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d57 Protanopia 1% of men
#7b6962 Deuteranopia 1% of men
#3b757e Tritanopia 0.001% of the population

Trichromacy

#556f56 Protanomaly 1% of men, 0.01% of women
#5a6d5d Deuteranomaly 6% of men, 0.4% of women
#31746e Tritanomaly 0.01% of the population