Benannte Farbe · #82856D
Simpson Surprise
Simpson Surprise ist #82856D: rgb(130 133 109), hsl(68 10% 47%), oklch(0.607 0.035 113.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Simpson Surprise color name →
#82856D
oklch(0.607 0.035 113.2)
Farbumrechnungen
- HEX
- #82856d
- RGB
- rgb(130 133 109)
- HSL
- hsl(68 10% 47%)
- HWB
- hwb(68 43% 48%)
- OKLCH
- oklch(0.607 0.035 113.2)
- OKLab
- oklab(0.607 -0.014 0.032)
- CIE Lab
- lab(54.77 -4.44 12.61)
- LCH
- lch(54.77 13.37 109.4)
- CMYK
- cmyk(2% 0% 18% 48%)
Tints · Shades · Tones
Tints
- 8E917B
- 9A9C89
- A6A897
- B2B4A5
- BFC0B4
- CBCDC2
- D8D9D1
- E5E6E0
- F2F2F0
Shades
- 70735E
- 5F614F
- 4E5041
- 3E4033
- 2F3026
- 202119
- 12130D
- 060604
- 010101
Tones
- 82856F
- 828471
- 818473
- 818375
- 818377
- 818279
- 81827A
- 80817C
- 80817E
Farbharmonien
Komplementär +180°
- 82856D
Simpson Surprise
- 837F96
≈ Dusky Grape
Analog -30° +30°
- 82856D
Simpson Surprise
- 8D816B
≈ Meadow Trail
- 768875
≈ Privet
Triadisch +120° +240°
- 82856D
Simpson Surprise
- 6E8694
≈ South Pacific
- 947A84
≈ Mulberry Wine
Geteilt komplementär +150° +210°
- 82856D
Simpson Surprise
- 778398
≈ Tempest
- 8D7C8F
≈ Iced Orchid
Tetradisch +90° +180° +270°
- 82856D
Simpson Surprise
- 6A898C
≈ Overgrown Trellis
- 837F96
≈ Dusky Grape
- 977B78
≈ Mushroom Basket
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.80:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.52:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--simpson-surprise: #82856d;
--simpson-surprise-rgb: 130 133 109;
--simpson-surprise-oklch: oklch(0.607 0.035 113.2);
}
.element {
color: var(--simpson-surprise);
background-color: hsl(68 10% 47%);
border-color: oklch(0.607 0.035 113.2);
}Tailwind CSS v4
@theme {
--color-simpson-surprise: #82856d;
--color-simpson-surprise-50: #f4f7eb;
--color-simpson-surprise-100: #e7e9dc;
--color-simpson-surprise-200: #d3d6c6;
--color-simpson-surprise-300: #b6baa6;
--color-simpson-surprise-400: #9ea18a;
--color-simpson-surprise-500: #86896e;
--color-simpson-surprise-600: #71745e;
--color-simpson-surprise-700: #5b5d4b;
--color-simpson-surprise-800: #434436;
--color-simpson-surprise-900: #2e2f25;
--color-simpson-surprise-950: #1b1b13;
}SCSS
$simpson-surprise: #82856d;
$simpson-surprise-rgb: 130, 133, 109;
$simpson-surprise-light: mix(#fff, $simpson-surprise, 20%);
$simpson-surprise-dark: mix(#000, $simpson-surprise, 20%);
.element {
color: $simpson-surprise;
box-shadow: 0 0 0 2px rgba($simpson-surprise, 0.35);
}