Benannte Farbe · #BB8E55
Summer Weasel
Summer Weasel ist #BB8E55: rgb(187 142 85), hsl(34 43% 53%), oklch(0.677 0.092 71.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Summer Weasel color name →
#BB8E55
oklch(0.677 0.092 71.8)
Farbumrechnungen
- HEX
- #bb8e55
- RGB
- rgb(187 142 85)
- HSL
- hsl(34 43% 53%)
- HWB
- hwb(34 33% 27%)
- OKLCH
- oklch(0.677 0.092 71.8)
- OKLab
- oklab(0.677 0.029 0.088)
- CIE Lab
- lab(62.51 12.71 37.03)
- LCH
- lch(62.51 39.15 71.1)
- CMYK
- cmyk(0% 24% 55% 27%)
Tints · Shades · Tones
Tints
- C29967
- C9A478
- D0AF88
- D7BB99
- DDC6AA
- E4D1BB
- EBDDCC
- F2E8DD
- F8F3EE
Shades
- A27B49
- 8A683D
- 735631
- 5C4426
- 46341C
- 322411
- 1F1508
- 0D0702
- 020100
Tones
- B58D5B
- AF8C60
- A98A65
- A48969
- 9E886D
- 988671
- 928575
- 8C8379
- 86827D
Farbharmonien
Komplementär +180°
- BB8E55
Summer Weasel
- 6D9BCF
≈ Sea Loch
Analog -30° +30°
- BB8E55
Summer Weasel
- C8846A
≈ Cabana Melon
- A39A54
≈ Formosan Green
Triadisch +120° +240°
- BB8E55
Summer Weasel
- 46AAA6
≈ Tidal Teal
- AA87C1
≈ Classic Bouquet
Geteilt komplementär +150° +210°
- BB8E55
Summer Weasel
- 4EA4C0
≈ Pottery Blue
- 8E91CF
≈ Adora
Tetradisch +90° +180° +270°
- BB8E55
Summer Weasel
- 5FA986
≈ Verdigris Green
- 6D9BCF
≈ Sea Loch
- BF81A8
≈ Joie de Vivre
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.95:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.11:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--summer-weasel: #bb8e55;
--summer-weasel-rgb: 187 142 85;
--summer-weasel-oklch: oklch(0.677 0.092 71.8);
}
.element {
color: var(--summer-weasel);
background-color: hsl(34 43% 53%);
border-color: oklch(0.677 0.092 71.8);
}Tailwind CSS v4
@theme {
--color-summer-weasel: #bb8e55;
--color-summer-weasel-50: #fff2d9;
--color-summer-weasel-100: #fbe4c7;
--color-summer-weasel-200: #edcfa9;
--color-summer-weasel-300: #d4b183;
--color-summer-weasel-400: #c19660;
--color-summer-weasel-500: #ac7b3b;
--color-summer-weasel-600: #916933;
--color-summer-weasel-700: #745428;
--color-summer-weasel-800: #573c1c;
--color-summer-weasel-900: #3d2912;
--color-summer-weasel-950: #261705;
}SCSS
$summer-weasel: #bb8e55;
$summer-weasel-rgb: 187, 142, 85;
$summer-weasel-light: mix(#fff, $summer-weasel, 20%);
$summer-weasel-dark: mix(#000, $summer-weasel, 20%);
.element {
color: $summer-weasel;
box-shadow: 0 0 0 2px rgba($summer-weasel, 0.35);
}