Benannte Farbe · #C59782
Revenant Brown
Revenant Brown ist #C59782: rgb(197 151 130), hsl(19 37% 64%), oklch(0.714 0.063 45.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Revenant Brown color name →
#C59782
oklch(0.714 0.063 45.7)
Farbumrechnungen
- HEX
- #c59782
- RGB
- rgb(197 151 130)
- HSL
- hsl(19 37% 64%)
- HWB
- hwb(19 51% 23%)
- OKLCH
- oklch(0.714 0.063 45.7)
- OKLab
- oklab(0.714 0.044 0.045)
- CIE Lab
- lab(66.49 15.65 18.1)
- LCH
- lch(66.49 23.93 49.2)
- CMYK
- cmyk(0% 23% 34% 23%)
Tints · Shades · Tones
Tints
- CBA18E
- D1AB9A
- D7B6A6
- DDC0B3
- E3CABF
- E8D5CC
- EEDFD8
- F4EAE5
- F9F4F2
Shades
- AB8370
- 926F5F
- 795C4E
- 61493E
- 4B372F
- 352620
- 211712
- 0E0806
- 020101
Tones
- BE9582
- B79382
- B09082
- A98E82
- A38C81
- 9C8981
- 958781
- 8E8581
- 878280
Farbharmonien
Komplementär +180°
- C59782
Revenant Brown
- 78ACC1
≈ Blue Eye Samurai
Analog -30° +30°
- C59782
Revenant Brown
- C79396
≈ Garnet Shadow
- BA9E77
≈ Earthy Ochre
Triadisch +120° +240°
- C59782
Revenant Brown
- 7DB09A
≈ Nature Green
- 9F9EC9
≈ May Mist
Geteilt komplementär +150° +210°
- C59782
Revenant Brown
- 72B0AF
≈ Aurora Teal
- 89A5CA
≈ Polo Blue
Tetradisch +90° +180° +270°
- C59782
Revenant Brown
- 92AC85
≈ Flora Green
- 78ACC1
≈ Blue Eye Samurai
- B297BE
≈ Atlantic Tulip
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.58:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.12:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--revenant-brown: #c59782;
--revenant-brown-rgb: 197 151 130;
--revenant-brown-oklch: oklch(0.714 0.063 45.7);
}
.element {
color: var(--revenant-brown);
background-color: hsl(19 37% 64%);
border-color: oklch(0.714 0.063 45.7);
}Tailwind CSS v4
@theme {
--color-revenant-brown: #c59782;
--color-revenant-brown-50: #fff0e6;
--color-revenant-brown-100: #fbe2d6;
--color-revenant-brown-200: #eccdbe;
--color-revenant-brown-300: #d3ae9c;
--color-revenant-brown-400: #bf937f;
--color-revenant-brown-500: #aa7963;
--color-revenant-brown-600: #8f6754;
--color-revenant-brown-700: #735243;
--color-revenant-brown-800: #553b31;
--color-revenant-brown-900: #3c2921;
--color-revenant-brown-950: #251710;
}SCSS
$revenant-brown: #c59782;
$revenant-brown-rgb: 197, 151, 130;
$revenant-brown-light: mix(#fff, $revenant-brown, 20%);
$revenant-brown-dark: mix(#000, $revenant-brown, 20%);
.element {
color: $revenant-brown;
box-shadow: 0 0 0 2px rgba($revenant-brown, 0.35);
}