Benannte Farbe · #BE9B79
Teatime
Teatime ist #BE9B79: rgb(190 155 121), hsl(30 35% 61%), oklch(0.713 0.063 65.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Teatime color name →
#BE9B79
oklch(0.713 0.063 65.7)
Farbumrechnungen
- HEX
- #be9b79
- RGB
- rgb(190 155 121)
- HSL
- hsl(30 35% 61%)
- HWB
- hwb(30 47% 25%)
- OKLCH
- oklch(0.713 0.063 65.7)
- OKLab
- oklab(0.713 0.026 0.057)
- CIE Lab
- lab(66.61 9.91 23.03)
- LCH
- lch(66.61 25.07 66.7)
- CMYK
- cmyk(0% 18% 36% 25%)
Tints · Shades · Tones
Tints
- C5A586
- CBAF93
- D2B8A0
- D8C2AE
- DFCCBB
- E5D6C8
- ECE0D6
- F2EBE3
- F9F5F1
Shades
- A58668
- 8C7258
- 755E48
- 5E4B39
- 48392B
- 33281D
- 1F1810
- 0D0905
- 020101
Tones
- B8987A
- B2967B
- AB937C
- A5907D
- 9F8E7D
- 998B7E
- 93887F
- 8C867F
- 868380
Farbharmonien
Komplementär +180°
- BE9B79
Teatime
- 82A7C8
≈ High Tide
Analog -30° +30°
- BE9B79
Teatime
- C69588
≈ Café Crème
- AEA376
≈ Throw Rug
Triadisch +120° +240°
- BE9B79
Teatime
- 74B0A8
≈ Turquoise Fantasies
- AC99C2
≈ Ode to Purple
Geteilt komplementär +150° +210°
- BE9B79
Teatime
- 74ADBB
≈ Watson Lake
- 97A0CA
≈ Fields of Heather
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.57:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.15:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.15:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--teatime: #be9b79;
--teatime-rgb: 190 155 121;
--teatime-oklch: oklch(0.713 0.063 65.7);
}
.element {
color: var(--teatime);
background-color: hsl(30 35% 61%);
border-color: oklch(0.713 0.063 65.7);
}Tailwind CSS v4
@theme {
--color-teatime: #be9b79;
--color-teatime-50: #fff2e3;
--color-teatime-100: #f7e4d2;
--color-teatime-200: #e7d0b8;
--color-teatime-300: #ceb296;
--color-teatime-400: #b99777;
--color-teatime-500: #a37e59;
--color-teatime-600: #8a6b4c;
--color-teatime-700: #6e553c;
--color-teatime-800: #523e2b;
--color-teatime-900: #392b1d;
--color-teatime-950: #23180d;
}SCSS
$teatime: #be9b79;
$teatime-rgb: 190, 155, 121;
$teatime-light: mix(#fff, $teatime, 20%);
$teatime-dark: mix(#000, $teatime, 20%);
.element {
color: $teatime;
box-shadow: 0 0 0 2px rgba($teatime, 0.35);
}