Benannte Farbe · #B59808
Kalliene Yellow
Kalliene Yellow ist #B59808: rgb(181 152 8), hsl(50 92% 37%), oklch(0.686 0.139 95.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Kalliene Yellow color name →
#B59808
oklch(0.686 0.139 95.1)
Farbumrechnungen
- HEX
- #b59808
- RGB
- rgb(181 152 8)
- HSL
- hsl(50 92% 37%)
- HWB
- hwb(50 3% 29%)
- OKLCH
- oklch(0.686 0.139 95.1)
- OKLab
- oklab(0.686 -0.012 0.139)
- CIE Lab
- lab(64 2.32 65.84)
- LCH
- lch(64 65.88 88)
- CMYK
- cmyk(0% 16% 96% 29%)
Tints · Shades · Tones
Tints
- BCA239
- C3AD55
- CBB76C
- D2C183
- D9CC98
- E1D6AD
- E8E0C1
- F0EAD6
- F7F5EA
Shades
- 9D8406
- 867004
- 6F5C03
- 594A02
- 443801
- 302701
- 1D1700
- 0C0800
- 020100
Tones
- B09629
- AA943A
- A59247
- 9F8F52
- 9A8D5B
- 958B64
- 8F886B
- 8A8573
- 85837A
Farbharmonien
Komplementär +180°
- B59808
Kalliene Yellow
- 8291EF
≈ Perrywinkle
Analog -30° +30°
- B59808
Kalliene Yellow
- D48628
≈ Dulce de Leche
- 86A83E
≈ Beautiful Mint
Triadisch +120° +240°
- B59808
Kalliene Yellow
- 00ACC9
≈ Pacific Blue
- CE77BC
≈ Peruvian Lily
Geteilt komplementär +150° +210°
- B59808
Kalliene Yellow
- 42A1EA
≈ Perfect Days
- AE82DF
≈ Lavender Blossom
Tetradisch +90° +180° +270°
- B59808
Kalliene Yellow
- 00B2A4
≈ Cozumel
- 8291EF
≈ Perrywinkle
- E0728E
≈ Raspberry Mousse
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.81:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.45:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.45:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--kalliene-yellow: #b59808;
--kalliene-yellow-rgb: 181 152 8;
--kalliene-yellow-oklch: oklch(0.686 0.139 95.1);
}
.element {
color: var(--kalliene-yellow);
background-color: hsl(50 92% 37%);
border-color: oklch(0.686 0.139 95.1);
}Tailwind CSS v4
@theme {
--color-kalliene-yellow: #b59808;
--color-kalliene-yellow-50: #fff6c9;
--color-kalliene-yellow-100: #f5e9b4;
--color-kalliene-yellow-200: #e5d58f;
--color-kalliene-yellow-300: #cbb85f;
--color-kalliene-yellow-400: #b89d26;
--color-kalliene-yellow-500: #a38300;
--color-kalliene-yellow-600: #8a6f00;
--color-kalliene-yellow-700: #6e5900;
--color-kalliene-yellow-800: #534000;
--color-kalliene-yellow-900: #3a2c00;
--color-kalliene-yellow-950: #241900;
}SCSS
$kalliene-yellow: #b59808;
$kalliene-yellow-rgb: 181, 152, 8;
$kalliene-yellow-light: mix(#fff, $kalliene-yellow, 20%);
$kalliene-yellow-dark: mix(#000, $kalliene-yellow, 20%);
.element {
color: $kalliene-yellow;
box-shadow: 0 0 0 2px rgba($kalliene-yellow, 0.35);
}