Benannte Farbe · #B89B72
Lark
Lark ist #B89B72: rgb(184 155 114), hsl(35 33% 58%), oklch(0.706 0.066 75.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Lark color name →
#B89B72
oklch(0.706 0.066 75.9)
Farbumrechnungen
- HEX
- #b89b72
- RGB
- rgb(184 155 114)
- HSL
- hsl(35 33% 58%)
- HWB
- hwb(35 45% 28%)
- OKLCH
- oklch(0.706 0.066 75.9)
- OKLab
- oklab(0.706 0.016 0.064)
- CIE Lab
- lab(65.89 6.83 25.75)
- LCH
- lch(65.89 26.64 75.2)
- CMYK
- cmyk(0% 16% 38% 28%)
Tints · Shades · Tones
Tints
- BFA580
- C6AF8E
- CDB89C
- D4C2A9
- DBCCB7
- E2D6C6
- EAE0D4
- F1EBE2
- F8F5F0
Shades
- A08662
- 887253
- 715E44
- 5B4B36
- 453928
- 31281B
- 1E180E
- 0C0904
- 020101
Tones
- B29874
- AD9676
- A79377
- A19079
- 9C8E7A
- 968B7B
- 91887D
- 8B867E
- 86837F
Farbharmonien
Komplementär +180°
- B89B72
Lark
- 86A2C9
≈ Anode
Analog -30° +30°
- B89B72
Lark
- C3947E
≈ Potter’s Pink
- A5A373
≈ Dill Grass
Triadisch +120° +240°
- B89B72
Lark
- 6DADAD
≈ Poolrooms
- B094BC
≈ Lavender Earl
Geteilt komplementär +150° +210°
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.96:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--lark: #b89b72;
--lark-rgb: 184 155 114;
--lark-oklch: oklch(0.706 0.066 75.9);
}
.element {
color: var(--lark);
background-color: hsl(35 33% 58%);
border-color: oklch(0.706 0.066 75.9);
}Tailwind CSS v4
@theme {
--color-lark: #b89b72;
--color-lark-50: #fff3e1;
--color-lark-100: #f4e6d0;
--color-lark-200: #e4d1b6;
--color-lark-300: #cab492;
--color-lark-400: #b59a73;
--color-lark-500: #9f8054;
--color-lark-600: #876d47;
--color-lark-700: #6c5739;
--color-lark-800: #503f28;
--color-lark-900: #382b1b;
--color-lark-950: #22190b;
}SCSS
$lark: #b89b72;
$lark-rgb: 184, 155, 114;
$lark-light: mix(#fff, $lark, 20%);
$lark-dark: mix(#000, $lark, 20%);
.element {
color: $lark;
box-shadow: 0 0 0 2px rgba($lark, 0.35);
}