Najbliższy nazwany kolor · #784800
#784800
Najbliższy nazwany kolor: Milk Chocolate
#784800 (rgb(120 72 0), hsl(36 100% 24%), oklch(0.448 0.099 67.4)) jest najbliższy nazwanemu kolorowi Milk Chocolate. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#784800
oklch(0.448 0.099 67.4)
Konwersje koloru
- HEX
- #784800
- RGB
- rgb(120 72 0)
- HSL
- hsl(36 100% 24%)
- HWB
- hwb(36 0% 53%)
- OKLCH
- oklch(0.448 0.099 67.4)
- OKLab
- oklab(0.448 0.038 0.091)
- CIE Lab
- lab(35.64 17.56 44.84)
- LCH
- lch(35.64 48.16 68.6)
- CMYK
- cmyk(0% 40% 100% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 855926
- 936B3F
- A07C57
- AE8E6E
- BBA085
- C9B39D
- D6C6B5
- E4D8CD
- F1ECE6
Odcienie ciemniejsze
- 673D00
- 573300
- 482900
- 391F00
- 2A1600
- 1D0D00
- 100600
- 050200
- 010000
Tony
- 794E18
- 7B5428
- 7C5A34
- 7D5F40
- 7D654B
- 7E6A56
- 7F7061
- 7F756B
- 807B76
Harmonie kolorów
Komplementarna +180°
- 784800
Milk Chocolate
- 1E5888
≈ Stunning Sapphire
Analogowa -30° +30°
- 784800
Milk Chocolate
- 823E2A
≈ Grill Master
- 635400
≈ Olive Brown
Triada +120° +240°
- 784800
Milk Chocolate
- 00625C
≈ Emerald Stone
- 63447F
≈ Regality
Komplementarna rozszczepiona +150° +210°
- 784800
Milk Chocolate
- 005F72
≈ Ocean Radiance
- 484E8A
≈ Beaded Blue
Tetrada +90° +180° +270°
- 784800
Milk Chocolate
- 11643E
≈ Fun Green
- 1E5888
≈ Stunning Sapphire
- 763D68
≈ Burnt Orchid
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.70:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.72:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--milk-chocolate: #784800;
--milk-chocolate-rgb: 120 72 0;
--milk-chocolate-oklch: oklch(0.448 0.099 67.4);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(36 100% 24%);
border-color: oklch(0.448 0.099 67.4);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #784800;
--color-milk-chocolate-50: #fff1d7;
--color-milk-chocolate-100: #fee3c5;
--color-milk-chocolate-200: #f0cda7;
--color-milk-chocolate-300: #d9af80;
--color-milk-chocolate-400: #c6935d;
--color-milk-chocolate-500: #b17836;
--color-milk-chocolate-600: #96662f;
--color-milk-chocolate-700: #785225;
--color-milk-chocolate-800: #5a3b1a;
--color-milk-chocolate-900: #3f2811;
--color-milk-chocolate-950: #281604;
}SCSS
$milk-chocolate: #784800;
$milk-chocolate-rgb: 120, 72, 0;
$milk-chocolate-light: mix(#fff, $milk-chocolate, 20%);
$milk-chocolate-dark: mix(#000, $milk-chocolate, 20%);
.element {
color: $milk-chocolate;
box-shadow: 0 0 0 2px rgba($milk-chocolate, 0.35);
}