Màu có tên gần nhất · #663B26
#663B26
Màu có tên gần nhất: Grilled
#663B26 (rgb(102 59 38), hsl(20 46% 27%), oklch(0.4 0.069 46.2)) gần nhất với màu có tên Grilled. 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.
#663B26
oklch(0.4 0.069 46.2)
Chuyển đổi màu
- HEX
- #663b26
- RGB
- rgb(102 59 38)
- HSL
- hsl(20 46% 27%)
- HWB
- hwb(20 15% 60%)
- OKLCH
- oklch(0.4 0.069 46.2)
- OKLab
- oklab(0.4 0.048 0.05)
- CIE Lab
- lab(29.93 17.84 21.38)
- LCH
- lch(29.93 27.84 50.2)
- CMYK
- cmyk(0% 42% 63% 60%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 754D3A
- 845F4E
- 937262
- A28577
- B2988D
- C1ACA3
- D0C0B9
- E0D5D0
- EFEAE7
Sắc đậm
- 583220
- 4A2919
- 3C2113
- 2F190D
- 231108
- 170904
- 0C0402
- 040101
- 000000
Sắc xám
- 69422F
- 6C4938
- 6F5041
- 72574A
- 745D53
- 77645C
- 796B65
- 7C726E
- 7E7977
Hòa sắc
Bổ túc +180°
- 663B26
Grilled
- 114F64
≈ Hanada Blue
Tương đồng -30° +30°
- 663B26
Grilled
- 68373B
≈ Forest Fruit Pink
- 5D4217
≈ Pullman Brown
Bộ ba +120° +240°
- 663B26
Grilled
- 19533F
≈ Bagpiper
- 45426B
≈ Overcast Night
Bổ túc chia +150° +210°
- 663B26
Grilled
- 005354
≈ Ice Dark Turquoise
- 2E496C
≈ Blue Tang
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 9.46:1 · APCA Lc 92
Ag
FailTrên nền đen
WCAG 2.21:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.46:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--grilled: #663b26;
--grilled-rgb: 102 59 38;
--grilled-oklch: oklch(0.4 0.069 46.2);
}
.element {
color: var(--grilled);
background-color: hsl(20 46% 27%);
border-color: oklch(0.4 0.069 46.2);
}Tailwind CSS v4
@theme {
--color-grilled: #663b26;
--color-grilled-50: #fff0e4;
--color-grilled-100: #fce2d4;
--color-grilled-200: #eeccbb;
--color-grilled-300: #d6ad99;
--color-grilled-400: #c2927c;
--color-grilled-500: #ad785f;
--color-grilled-600: #926651;
--color-grilled-700: #755140;
--color-grilled-800: #573b2f;
--color-grilled-900: #3d281f;
--color-grilled-950: #26160f;
}SCSS
$grilled: #663b26;
$grilled-rgb: 102, 59, 38;
$grilled-light: mix(#fff, $grilled, 20%);
$grilled-dark: mix(#000, $grilled, 20%);
.element {
color: $grilled;
box-shadow: 0 0 0 2px rgba($grilled, 0.35);
}