Màu có tên gần nhất · #65330A
#65330A
Màu có tên gần nhất: Meatloaf
#65330A (rgb(101 51 10), hsl(27 82% 22%), oklch(0.379 0.088 54)) gần nhất với màu có tên Meatloaf. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#65330A
oklch(0.379 0.088 54)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 744626
- 84593D
- 936C54
- A2806B
- B29482
- C1A99A
- D0BEB3
- E0D3CC
- EFE9E5
Sắc đậm
- 572B07
- 492305
- 3C1C03
- 2F1402
- 220D01
- 170701
- 0C0300
- 030100
- 000000
Sắc xám
- 683B1A
- 6C4327
- 6F4B33
- 72523E
- 745A49
- 776154
- 7A695F
- 7C716A
- 7E7875
Hòa sắc
Bổ túc +180°
- 65330A
Meatloaf
- 004866
≈ Stegadon Scale Green
Tương đồng -30° +30°
- 65330A
Meatloaf
- 692D2B
≈ Arcane Red
- 563E00
≈ Pineapple
Bộ ba +120° +240°
- 65330A
Meatloaf
- 004E3F
≈ Urban Green
- 45376C
≈ Meteorite
Bổ túc chia +150° +210°
- 65330A
Meatloaf
- 004C52
≈ Dark Teal
- 2A4071
≈ Mystification
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 10.33:1 · APCA Lc 94
Ag
FailTrên nền đen
WCAG 2.03:1 · APCA Lc 9
Màu chữ tốt nhất: #FFFFFF
WCAG 10.33:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
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);
}