Benannte Farbe · #663311
Meatloaf
Meatloaf ist #663311: rgb(102 51 17), hsl(24 71% 23%), oklch(0.382 0.086 50.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Meatloaf color name →
#663311
oklch(0.382 0.086 50.6)
Farbumrechnungen
- HEX
- #663311
- RGB
- rgb(102 51 17)
- HSL
- hsl(24 71% 23%)
- HWB
- hwb(24 7% 60%)
- OKLCH
- oklch(0.382 0.086 50.6)
- OKLab
- oklab(0.382 0.055 0.066)
- CIE Lab
- lab(27.75 21.49 30.96)
- LCH
- lch(27.75 37.69 55.2)
- CMYK
- cmyk(0% 50% 83% 60%)
Tints · Shades · Tones
Tints
- 75462A
- 855940
- 946C56
- A3806D
- B29484
- C2A99C
- D1BEB4
- E0D3CC
- F0E9E5
Shades
- 582B0D
- 4A2309
- 3C1C06
- 2F1404
- 230D02
- 170701
- 0C0300
- 040100
- 000000
Tones
- 693B1F
- 6D432A
- 704B35
- 725240
- 755A4B
- 786155
- 7A6960
- 7C716A
- 7E7875
Farbharmonien
Komplementär +180°
- 663311
Meatloaf
- 004964
≈ Stegadon Scale Green
Analog -30° +30°
- 663311
Meatloaf
- 692D2F
≈ Arcane Red
- 583D00
≈ Pineapple
Triadisch +120° +240°
- 663311
Meatloaf
- 004F3D
≈ Raspberry Leaf Green
- 43396D
≈ American Blue
Geteilt komplementär +150° +210°
- 663311
Meatloaf
- 004D51
≈ Dark Teal
- 274270
≈ Cold Current
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.26:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.04:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 10.26:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--meatloaf: #663311;
--meatloaf-rgb: 102 51 17;
--meatloaf-oklch: oklch(0.382 0.086 50.6);
}
.element {
color: var(--meatloaf);
background-color: hsl(24 71% 23%);
border-color: oklch(0.382 0.086 50.6);
}Tailwind CSS v4
@theme {
--color-meatloaf: #663311;
--color-meatloaf-50: #ffefdf;
--color-meatloaf-100: #ffe1ce;
--color-meatloaf-200: #f3cbb3;
--color-meatloaf-300: #dcac8f;
--color-meatloaf-400: #c89070;
--color-meatloaf-500: #b47550;
--color-meatloaf-600: #986344;
--color-meatloaf-700: #7a4f36;
--color-meatloaf-800: #5b3927;
--color-meatloaf-900: #3f271a;
--color-meatloaf-950: #28150b;
}SCSS
$meatloaf: #663311;
$meatloaf-rgb: 102, 51, 17;
$meatloaf-light: mix(#fff, $meatloaf, 20%);
$meatloaf-dark: mix(#000, $meatloaf, 20%);
.element {
color: $meatloaf;
box-shadow: 0 0 0 2px rgba($meatloaf, 0.35);
}