Warna bernama · #7A280A
Drip Coffee
Drip Coffee adalah #7A280A: rgb(122 40 10), hsl(16 85% 26%), oklch(0.397 0.121 38.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Drip Coffee color name →
#7A280A
oklch(0.397 0.121 38.1)
Konversi warna
- HEX
- #7a280a
- RGB
- rgb(122 40 10)
- HSL
- hsl(16 85% 26%)
- HWB
- hwb(16 4% 52%)
- OKLCH
- oklch(0.397 0.121 38.1)
- OKLab
- oklab(0.397 0.095 0.074)
- CIE Lab
- lab(29.08 35.37 37.05)
- LCH
- lch(29.08 51.22 46.3)
- CMYK
- cmyk(0% 67% 92% 52%)
Tint · Shade · Tone
Tint
- 893E26
- 97533E
- A56855
- B37D6C
- C09283
- CDA79B
- DABCB3
- E6D2CC
- F3E9E5
Shade
- 692107
- 591B05
- 491503
- 3A0F02
- 2B0901
- 1D0401
- 100200
- 050100
- 010000
Tone
- 7C331B
- 7E3C28
- 7F4633
- 804E3F
- 81574A
- 825F54
- 82685F
- 82706A
- 817875
Harmoni warna
Komplementer +180°
- 7A280A
Drip Coffee
- 005060
≈ Sandalwood Grey Blue
Analog -30° +30°
- 7A280A
Drip Coffee
- 79233A
≈ Brown Magenta
- 653C00
≈ Brown
Triadik +120° +240°
- 7A280A
Drip Coffee
- 005533
≈ Permanent Green
- 3A3C86
≈ Clematis Blue
Split-komplementer +150° +210°
- 7A280A
Drip Coffee
- 00534E
≈ Plankton Green
- 00497D
≈ Kolibri Blue
Tetradik +90° +180° +270°
- 7A280A
Drip Coffee
- 365100
≈ Navy Green
- 005060
≈ Sandalwood Grey Blue
- 593178
≈ Foggy Amethyst
Kontras & aksesibilitas
Ag
AAADi atas putih
WCAG 9.83:1 · APCA Lc 92
Ag
FailDi atas hitam
WCAG 2.13:1 · APCA Lc 10
Warna teks terbaik: #FFFFFF
WCAG 9.83:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
CSS
:root {
--drip-coffee: #7a280a;
--drip-coffee-rgb: 122 40 10;
--drip-coffee-oklch: oklch(0.397 0.121 38.1);
}
.element {
color: var(--drip-coffee);
background-color: hsl(16 85% 26%);
border-color: oklch(0.397 0.121 38.1);
}Tailwind CSS v4
@theme {
--color-drip-coffee: #7a280a;
--color-drip-coffee-50: #ffeadc;
--color-drip-coffee-100: #ffdbca;
--color-drip-coffee-200: #ffc4ae;
--color-drip-coffee-300: #eda288;
--color-drip-coffee-400: #db8469;
--color-drip-coffee-500: #c86647;
--color-drip-coffee-600: #a9573d;
--color-drip-coffee-700: #884531;
--color-drip-coffee-800: #653123;
--color-drip-coffee-900: #472217;
--color-drip-coffee-950: #2e1009;
}SCSS
$drip-coffee: #7a280a;
$drip-coffee-rgb: 122, 40, 10;
$drip-coffee-light: mix(#fff, $drip-coffee, 20%);
$drip-coffee-dark: mix(#000, $drip-coffee, 20%);
.element {
color: $drip-coffee;
box-shadow: 0 0 0 2px rgba($drip-coffee, 0.35);
}