Benannte Farbe · #8B785C
Rock’n Oak
Rock’n Oak ist #8B785C: rgb(139 120 92), hsl(36 20% 45%), oklch(0.583 0.047 77.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Rock’n Oak color name →
#8B785C
oklch(0.583 0.047 77.2)
Farbumrechnungen
- HEX
- #8b785c
- RGB
- rgb(139 120 92)
- HSL
- hsl(36 20% 45%)
- HWB
- hwb(36 36% 45%)
- OKLCH
- oklch(0.583 0.047 77.2)
- OKLab
- oklab(0.583 0.01 0.046)
- CIE Lab
- lab(51.68 4.38 18.29)
- LCH
- lch(51.68 18.8 76.5)
- CMYK
- cmyk(0% 14% 34% 45%)
Tints · Shades · Tones
Tints
- 96856B
- A1927B
- AD9F8B
- B8AC9B
- C4B9AB
- CFC7BB
- DBD5CC
- E7E3DD
- F3F1EE
Shades
- 78674F
- 665742
- 544836
- 43392A
- 322A1F
- 231D14
- 14100A
- 070503
- 010100
Tones
- 8A7960
- 897A64
- 887B67
- 877B6B
- 867C6E
- 857D72
- 837E76
- 827F79
- 817F7D
Farbharmonien
Komplementär +180°
- 8B785C
Rock’n Oak
- 6A7D97
≈ Infinity and Beyond
Analog -30° +30°
- 8B785C
Rock’n Oak
- 937364
≈ Corral Brown
- 7E7D5D
≈ Thurman
Triadisch +120° +240°
- 8B785C
Rock’n Oak
- 5A8485
≈ Rainier Blue
- 87738E
≈ Vintage
Geteilt komplementär +150° +210°
- 8B785C
Rock’n Oak
- 5E8191
≈ Blue Moon Bay
- 797796
≈ Stormy Horizon
Tetradisch +90° +180° +270°
- 8B785C
Rock’n Oak
- 608475
≈ Greenella
- 6A7D97
≈ Infinity and Beyond
- 917080
≈ Magic Gem
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.25:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.93:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.93:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--rock-n-oak: #8b785c;
--rock-n-oak-rgb: 139 120 92;
--rock-n-oak-oklch: oklch(0.583 0.047 77.2);
}
.element {
color: var(--rock-n-oak);
background-color: hsl(36 20% 45%);
border-color: oklch(0.583 0.047 77.2);
}Tailwind CSS v4
@theme {
--color-rock-n-oak: #8b785c;
--color-rock-n-oak-50: #fcf4e7;
--color-rock-n-oak-100: #f0e6d7;
--color-rock-n-oak-200: #dfd2be;
--color-rock-n-oak-300: #c4b59d;
--color-rock-n-oak-400: #ae9b80;
--color-rock-n-oak-500: #988363;
--color-rock-n-oak-600: #806f54;
--color-rock-n-oak-700: #675843;
--color-rock-n-oak-800: #4c4030;
--color-rock-n-oak-900: #352c21;
--color-rock-n-oak-950: #201910;
}SCSS
$rock-n-oak: #8b785c;
$rock-n-oak-rgb: 139, 120, 92;
$rock-n-oak-light: mix(#fff, $rock-n-oak, 20%);
$rock-n-oak-dark: mix(#000, $rock-n-oak, 20%);
.element {
color: $rock-n-oak;
box-shadow: 0 0 0 2px rgba($rock-n-oak, 0.35);
}