Colore con nome più vicino · #65330A
#65330A
Colore con nome più vicino: Meatloaf
#65330A (rgb(101 51 10), hsl(27 82% 22%), oklch(0.379 0.088 54)) è più vicino al colore con nome Meatloaf. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#65330A
oklch(0.379 0.088 54)
Conversioni di colore
- HEX
- #65330a
- RGB
- rgb(101 51 10)
- HSL
- hsl(27 82% 22%)
- HWB
- hwb(27 4% 60%)
- OKLCH
- oklch(0.379 0.088 54)
- OKLab
- oklab(0.379 0.052 0.071)
- CIE Lab
- lab(27.54 20.85 33.9)
- LCH
- lch(27.54 39.8 58.4)
- CMYK
- cmyk(0% 50% 90% 60%)
Tinte · Ombre · Toni
Tinte
- 744626
- 84593D
- 936C54
- A2806B
- B29482
- C1A99A
- D0BEB3
- E0D3CC
- EFE9E5
Ombre
- 572B07
- 492305
- 3C1C03
- 2F1402
- 220D01
- 170701
- 0C0300
- 030100
- 000000
Toni
- 683B1A
- 6C4327
- 6F4B33
- 72523E
- 745A49
- 776154
- 7A695F
- 7C716A
- 7E7875
Armonie di colore
Complementare +180°
- 65330A
Meatloaf
- 004866
≈ Stegadon Scale Green
Analogo -30° +30°
- 65330A
Meatloaf
- 692D2B
≈ Arcane Red
- 563E00
≈ Pineapple
Triadico +120° +240°
- 65330A
Meatloaf
- 004E3F
≈ Urban Green
- 45376C
≈ Meteorite
Complementare divisa +150° +210°
- 65330A
Meatloaf
- 004C52
≈ Dark Teal
- 2A4071
≈ Mystification
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.33:1 · APCA Lc 94
Ag
FailSu nero
WCAG 2.03:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 10.33:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--meatloaf: #65330a;
--meatloaf-rgb: 101 51 10;
--meatloaf-oklch: oklch(0.379 0.088 54);
}
.element {
color: var(--meatloaf);
background-color: hsl(27 82% 22%);
border-color: oklch(0.379 0.088 54);
}Tailwind CSS v4
@theme {
--color-meatloaf: #65330a;
--color-meatloaf-50: #ffefde;
--color-meatloaf-100: #ffe1cc;
--color-meatloaf-200: #f2cbb1;
--color-meatloaf-300: #dbac8c;
--color-meatloaf-400: #c8906d;
--color-meatloaf-500: #b3764c;
--color-meatloaf-600: #976441;
--color-meatloaf-700: #7a5034;
--color-meatloaf-800: #5a3925;
--color-meatloaf-900: #3f2719;
--color-meatloaf-950: #281509;
}SCSS
$meatloaf: #65330a;
$meatloaf-rgb: 101, 51, 10;
$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);
}