Màu có tên gần nhất · #6E4F00
#6E4F00
Màu có tên gần nhất: Coffee Adept
#6E4F00 (rgb(110 79 0), hsl(43 100% 22%), oklch(0.449 0.092 82.4)) gần nhất với màu có tên Coffee Adept. 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.
#6E4F00
oklch(0.449 0.092 82.4)
Chuyển đổi màu
- HEX
- #6e4f00
- RGB
- rgb(110 79 0)
- HSL
- hsl(43 100% 22%)
- HWB
- hwb(43 0% 57%)
- OKLCH
- oklch(0.449 0.092 82.4)
- OKLab
- oklab(0.449 0.012 0.092)
- CIE Lab
- lab(36.13 8.73 44.3)
- LCH
- lch(36.13 45.15 78.8)
- CMYK
- cmyk(0% 28% 100% 57%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 7C5F26
- 8A703F
- 988157
- A6926E
- B4A485
- C3B69D
- D2C8B5
- E1DACD
- F0ECE6
Sắc đậm
- 5F4400
- 503800
- 412E00
- 332300
- 261900
- 191000
- 0E0700
- 040200
- 010000
Sắc xám
- 705419
- 725928
- 745E35
- 766340
- 77684C
- 796D56
- 7B7261
- 7D766B
- 7E7B76
Hòa sắc
Bổ túc +180°
- 6E4F00
Coffee Adept
- 385488
≈ Glimpse of Void
Tương đồng -30° +30°
- 6E4F00
Coffee Adept
- 7C451E
≈ Russet
- 565A0F
≈ Greensboro
Bộ ba +120° +240°
- 6E4F00
Coffee Adept
- 006167
≈ Turkish Aqua
- 6D4273
≈ Palace Purple
Bổ túc chia +150° +210°
- 6E4F00
Coffee Adept
- 005D7F
≈ Back of Beyond
- 574A84
≈ Victoria
Bộ bốn +90° +180° +270°
- 6E4F00
Coffee Adept
- 006450
≈ Piney Lake
- 385488
≈ Glimpse of Void
- 7B3D5A
≈ Mulled Plum
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.55:1 · APCA Lc 86
Ag
FailTrên nền đen
WCAG 2.78:1 · APCA Lc 16
Màu chữ tốt nhất: #FFFFFF
WCAG 7.55:1 (AAA) · APCA Lc 86
Contrast pairs
Đoạn mã
CSS
:root {
--coffee-adept: #6e4f00;
--coffee-adept-rgb: 110 79 0;
--coffee-adept-oklch: oklch(0.449 0.092 82.4);
}
.element {
color: var(--coffee-adept);
background-color: hsl(43 100% 22%);
border-color: oklch(0.449 0.092 82.4);
}Tailwind CSS v4
@theme {
--color-coffee-adept: #6e4f00;
--color-coffee-adept-50: #fff4d8;
--color-coffee-adept-100: #f6e6c6;
--color-coffee-adept-200: #e7d2a8;
--color-coffee-adept-300: #ceb481;
--color-coffee-adept-400: #b9995d;
--color-coffee-adept-500: #a48036;
--color-coffee-adept-600: #8b6c2f;
--color-coffee-adept-700: #6f5725;
--color-coffee-adept-800: #533f19;
--color-coffee-adept-900: #3a2b10;
--color-coffee-adept-950: #241804;
}SCSS
$coffee-adept: #6e4f00;
$coffee-adept-rgb: 110, 79, 0;
$coffee-adept-light: mix(#fff, $coffee-adept, 20%);
$coffee-adept-dark: mix(#000, $coffee-adept, 20%);
.element {
color: $coffee-adept;
box-shadow: 0 0 0 2px rgba($coffee-adept, 0.35);
}