Nazwany kolor · #7A280A
Drip Coffee
Drip Coffee to #7A280A: rgb(122 40 10), hsl(16 85% 26%), oklch(0.397 0.121 38.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Drip Coffee color name →
#7A280A
oklch(0.397 0.121 38.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 893E26
- 97533E
- A56855
- B37D6C
- C09283
- CDA79B
- DABCB3
- E6D2CC
- F3E9E5
Odcienie ciemniejsze
- 692107
- 591B05
- 491503
- 3A0F02
- 2B0901
- 1D0401
- 100200
- 050100
- 010000
Tony
- 7C331B
- 7E3C28
- 7F4633
- 804E3F
- 81574A
- 825F54
- 82685F
- 82706A
- 817875
Harmonie kolorów
Komplementarna +180°
- 7A280A
Drip Coffee
- 005060
≈ Sandalwood Grey Blue
Analogowa -30° +30°
- 7A280A
Drip Coffee
- 79233A
≈ Brown Magenta
- 653C00
≈ Brown
Triada +120° +240°
- 7A280A
Drip Coffee
- 005533
≈ Permanent Green
- 3A3C86
≈ Clematis Blue
Komplementarna rozszczepiona +150° +210°
- 7A280A
Drip Coffee
- 00534E
≈ Plankton Green
- 00497D
≈ Kolibri Blue
Tetrada +90° +180° +270°
- 7A280A
Drip Coffee
- 365100
≈ Navy Green
- 005060
≈ Sandalwood Grey Blue
- 593178
≈ Foggy Amethyst
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.83:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.13:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.83:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}