Named color · #8F7974
Venus Deva
Venus Deva is #8F7974: rgb(143 121 116), hsl(11 11% 51%), oklch(0.595 0.029 32.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Venus Deva color name →
#8F7974
oklch(0.595 0.029 32.9)
Color conversions
- HEX
- #8f7974
- RGB
- rgb(143 121 116)
- HSL
- hsl(11 11% 51%)
- HWB
- hwb(11 45% 44%)
- OKLCH
- oklch(0.595 0.029 32.9)
- OKLab
- oklab(0.595 0.024 0.016)
- CIE Lab
- lab(52.81 8.17 6.08)
- LCH
- lch(52.81 10.18 36.7)
- CMYK
- cmyk(0% 15% 19% 44%)
Tints · Shades · Tones
Tints
- 9A8681
- A5928E
- B09F9C
- BBADA9
- C6BAB7
- D1C7C5
- DCD5D3
- E8E3E2
- F3F1F0
Shades
- 7C6864
- 695854
- 574845
- 453937
- 342B29
- 241D1B
- 15100F
- 070505
- 010101
Tones
- 8E7A75
- 8C7A76
- 8B7B78
- 897C79
- 887D7A
- 867D7B
- 857E7C
- 837F7E
- 827F7F
Color harmonies
Complementary +180°
- 8F7974
Venus Deva
- 6C8489
≈ Puddle Jumper
Analogous -30° +30°
- 8F7974
Venus Deva
- 8E787D
≈ Purple Rubiate
- 8C7B6E
≈ Road Less-Travelled
Triadic +120° +240°
- 8F7974
Venus Deva
- 728477
≈ Calabash Clash
- 797E90
≈ Seattle Haze
Split-complementary +150° +210°
- 8F7974
Venus Deva
- 6D8580
≈ Marsh Creek
- 71818F
≈ Stormy Oceans
Tetradic +90° +180° +270°
- 8F7974
Venus Deva
- 7B826F
≈ Cactus Garden
- 6C8489
≈ Puddle Jumper
- 827B8D
≈ High Note
Contrast & accessibility
Ag
FailOn white
WCAG 4.07:1 · APCA Lc 68
Ag
AAOn black
WCAG 5.15:1 · APCA Lc 34
Best text color: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
Code snippets
CSS
:root {
--venus-deva: #8f7974;
--venus-deva-rgb: 143 121 116;
--venus-deva-oklch: oklch(0.595 0.029 32.9);
}
.element {
color: var(--venus-deva);
background-color: hsl(11 11% 51%);
border-color: oklch(0.595 0.029 32.9);
}Tailwind CSS v4
@theme {
--color-venus-deva: #8f7974;
--color-venus-deva-50: #fdf2f0;
--color-venus-deva-100: #f1e5e2;
--color-venus-deva-200: #e0d0cc;
--color-venus-deva-300: #c5b3ae;
--color-venus-deva-400: #af9994;
--color-venus-deva-500: #98807a;
--color-venus-deva-600: #816c68;
--color-venus-deva-700: #675653;
--color-venus-deva-800: #4c3f3c;
--color-venus-deva-900: #352b29;
--color-venus-deva-950: #201917;
}SCSS
$venus-deva: #8f7974;
$venus-deva-rgb: 143, 121, 116;
$venus-deva-light: mix(#fff, $venus-deva, 20%);
$venus-deva-dark: mix(#000, $venus-deva, 20%);
.element {
color: $venus-deva;
box-shadow: 0 0 0 2px rgba($venus-deva, 0.35);
}