Benannte Farbe · #473F2D
Flirtatious Indigo Tea
Flirtatious Indigo Tea ist #473F2D: rgb(71 63 45), hsl(42 22% 23%), oklch(0.371 0.031 86.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Flirtatious Indigo Tea color name →
#473F2D
oklch(0.371 0.031 86.8)
Farbumrechnungen
- HEX
- #473f2d
- RGB
- rgb(71 63 45)
- HSL
- hsl(42 22% 23%)
- HWB
- hwb(42 18% 72%)
- OKLCH
- oklch(0.371 0.031 86.8)
- OKLab
- oklab(0.371 0.002 0.031)
- CIE Lab
- lab(27.09 1.2 12.4)
- LCH
- lch(27.09 12.46 84.5)
- CMYK
- cmyk(0% 11% 37% 72%)
Tints · Shades · Tones
Tints
- 57503F
- 686252
- 7A7466
- 8C867A
- 9E998F
- B1ADA5
- C4C1BB
- D7D5D1
- EBEAE8
Shades
- 3D3526
- 322C1F
- 282318
- 1F1B11
- 16120B
- 0D0A06
- 060402
- 020101
- 000000
Tones
- 4C4535
- 524B3D
- 585245
- 5D584D
- 635F55
- 69655E
- 6E6C66
- 74726F
- 7A7977
Farbharmonien
Komplementär +180°
- 473F2D
Flirtatious Indigo Tea
- 384051
≈ Mood Indigo
Analog -30° +30°
- 473F2D
Flirtatious Indigo Tea
- 4D3C30
≈ Dark Clove
- 3F422F
≈ Garden Path
Triadisch +120° +240°
- 473F2D
Flirtatious Indigo Tea
- 2C4548
≈ Little Mermaid
- 493A49
≈ Funkie Friday
Geteilt komplementär +150° +210°
- 473F2D
Flirtatious Indigo Tea
- 30434E
≈ Gale Force
- 413D4F
≈ Italian Grape
Tetradisch +90° +180° +270°
- 473F2D
Flirtatious Indigo Tea
- 2E453F
≈ Gable Green
- 384051
≈ Mood Indigo
- 4E3940
≈ Royal Silk
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.41:1 · APCA Lc 94
Ag
FailAuf Schwarz
WCAG 2.01:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 10.41:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--flirtatious-indigo-tea: #473f2d;
--flirtatious-indigo-tea-rgb: 71 63 45;
--flirtatious-indigo-tea-oklch: oklch(0.371 0.031 86.8);
}
.element {
color: var(--flirtatious-indigo-tea);
background-color: hsl(42 22% 23%);
border-color: oklch(0.371 0.031 86.8);
}Tailwind CSS v4
@theme {
--color-flirtatious-indigo-tea: #473f2d;
--color-flirtatious-indigo-tea-50: #f9f5eb;
--color-flirtatious-indigo-tea-100: #ece8dd;
--color-flirtatious-indigo-tea-200: #d9d4c6;
--color-flirtatious-indigo-tea-300: #beb7a6;
--color-flirtatious-indigo-tea-400: #a69e8a;
--color-flirtatious-indigo-tea-500: #8f856f;
--color-flirtatious-indigo-tea-600: #79715e;
--color-flirtatious-indigo-tea-700: #615a4b;
--color-flirtatious-indigo-tea-800: #474236;
--color-flirtatious-indigo-tea-900: #312d25;
--color-flirtatious-indigo-tea-950: #1d1a14;
}SCSS
$flirtatious-indigo-tea: #473f2d;
$flirtatious-indigo-tea-rgb: 71, 63, 45;
$flirtatious-indigo-tea-light: mix(#fff, $flirtatious-indigo-tea, 20%);
$flirtatious-indigo-tea-dark: mix(#000, $flirtatious-indigo-tea, 20%);
.element {
color: $flirtatious-indigo-tea;
box-shadow: 0 0 0 2px rgba($flirtatious-indigo-tea, 0.35);
}