Nearest named color · #683100
#683100
Nearest named color: Meatloaf
#683100 (rgb(104 49 0), hsl(28 100% 20%), oklch(0.38 0.096 53.7)) is closest to the named color Meatloaf. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#683100
oklch(0.38 0.096 53.7)
Color conversions
- HEX
- #683100
- RGB
- rgb(104 49 0)
- HSL
- hsl(28 100% 20%)
- HWB
- hwb(28 0% 59%)
- OKLCH
- oklch(0.38 0.096 53.7)
- OKLab
- oklab(0.38 0.057 0.077)
- CIE Lab
- lab(27.52 23.13 38.19)
- LCH
- lch(27.52 44.65 58.8)
- CMYK
- cmyk(0% 53% 100% 59%)
Tints · Shades · Tones
Tints
- 774420
- 875839
- 966B50
- A57F68
- B49480
- C3A998
- D2BEB1
- E1D3CB
- F0E9E5
Shades
- 592900
- 4B2200
- 3E1A00
- 301300
- 240C00
- 180600
- 0C0300
- 040100
- 000000
Tones
- 6B3914
- 6E4223
- 714A2F
- 74513B
- 765947
- 796152
- 7B695E
- 7D7069
- 7E7874
Color harmonies
Complementary +180°
- 683100
Meatloaf
- 004866
≈ Stegadon Scale Green
Analogous -30° +30°
- 683100
Meatloaf
- 6C2A29
≈ Spring Lobster Brown
- 563E00
≈ Pineapple
Triadic +120° +240°
- 683100
Meatloaf
- 004F3F
≈ Urban Green
- 463670
≈ Galactic Compass
Split-complementary +150° +210°
- 683100
Meatloaf
- 004C52
≈ Dark Teal
- 274075
≈ Blue Expanse
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 10.35:1 · APCA Lc 94
Ag
FailOn black
WCAG 2.02:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.35:1 (AAA) · APCA Lc 94
Contrast pairs
Code snippets
CSS
:root {
--meatloaf: #683100;
--meatloaf-rgb: 104 49 0;
--meatloaf-oklch: oklch(0.38 0.096 53.7);
}
.element {
color: var(--meatloaf);
background-color: hsl(28 100% 20%);
border-color: oklch(0.38 0.096 53.7);
}Tailwind CSS v4
@theme {
--color-meatloaf: #683100;
--color-meatloaf-50: #ffefdc;
--color-meatloaf-100: #ffe0ca;
--color-meatloaf-200: #f5caae;
--color-meatloaf-300: #deab88;
--color-meatloaf-400: #cb8f68;
--color-meatloaf-500: #b77346;
--color-meatloaf-600: #9b623c;
--color-meatloaf-700: #7c4e2f;
--color-meatloaf-800: #5c3822;
--color-meatloaf-900: #412716;
--color-meatloaf-950: #291508;
}SCSS
$meatloaf: #683100;
$meatloaf-rgb: 104, 49, 0;
$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);
}