Benannte Farbe · #806240
Graham Crust
Graham Crust ist #806240: rgb(128 98 64), hsl(32 33% 38%), oklch(0.518 0.062 69.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Graham Crust color name →
#806240
oklch(0.518 0.062 69.2)
Farbumrechnungen
- HEX
- #806240
- RGB
- rgb(128 98 64)
- HSL
- hsl(32 33% 38%)
- HWB
- hwb(32 25% 50%)
- OKLCH
- oklch(0.518 0.062 69.2)
- OKLab
- oklab(0.518 0.022 0.058)
- CIE Lab
- lab(44.05 9.19 24.2)
- LCH
- lch(44.05 25.89 69.2)
- CMYK
- cmyk(0% 23% 50% 50%)
Tints · Shades · Tones
Tints
- 8C7152
- 998064
- A58F77
- B29E89
- BEAE9C
- CBBEAF
- D8CEC3
- E5DED7
- F2EEEB
Shades
- 6E5436
- 5D472D
- 4D3A24
- 3D2D1B
- 2E2113
- 1F160B
- 120B05
- 060301
- 010000
Tones
- 806547
- 80684D
- 806B54
- 816E5A
- 817161
- 817467
- 80776D
- 807A74
- 807D7A
Farbharmonien
Komplementär +180°
- 806240
Graham Crust
- 4C6B8B
≈ Revel Blue
Analog -30° +30°
- 806240
Graham Crust
- 885C4D
≈ Carob Brown
- 71693E
≈ Sphagnum Moss
Triadisch +120° +240°
- 806240
Graham Crust
- 397470
≈ Jungle Noises
- 735F84
≈ Mystical Purple
Geteilt komplementär +150° +210°
- 806240
Graham Crust
- 3B7181
≈ Grand Rapids
- 61658C
≈ Twilight Purple
Tetradisch +90° +180° +270°
- 806240
Graham Crust
- 48745C
≈ Green Valley
- 4C6B8B
≈ Revel Blue
- 815A74
≈ Euphoric Magenta
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.61:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.73:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.61:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--graham-crust: #806240;
--graham-crust-rgb: 128 98 64;
--graham-crust-oklch: oklch(0.518 0.062 69.2);
}
.element {
color: var(--graham-crust);
background-color: hsl(32 33% 38%);
border-color: oklch(0.518 0.062 69.2);
}Tailwind CSS v4
@theme {
--color-graham-crust: #806240;
--color-graham-crust-50: #fff3e2;
--color-graham-crust-100: #f6e5d2;
--color-graham-crust-200: #e6d0b8;
--color-graham-crust-300: #ccb395;
--color-graham-crust-400: #b79877;
--color-graham-crust-500: #a17f58;
--color-graham-crust-600: #886c4b;
--color-graham-crust-700: #6d563c;
--color-graham-crust-800: #513e2b;
--color-graham-crust-900: #382b1d;
--color-graham-crust-950: #23180d;
}SCSS
$graham-crust: #806240;
$graham-crust-rgb: 128, 98, 64;
$graham-crust-light: mix(#fff, $graham-crust, 20%);
$graham-crust-dark: mix(#000, $graham-crust, 20%);
.element {
color: $graham-crust;
box-shadow: 0 0 0 2px rgba($graham-crust, 0.35);
}