Najbliższy nazwany kolor · #774900
#774900
Najbliższy nazwany kolor: Milk Chocolate
#774900 (rgb(119 73 0), hsl(37 100% 23%), oklch(0.448 0.098 69.1)) jest najbliższy nazwanemu kolorowi Milk Chocolate. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#774900
oklch(0.448 0.098 69.1)
Konwersje koloru
- HEX
- #774900
- RGB
- rgb(119 73 0)
- HSL
- hsl(37 100% 23%)
- HWB
- hwb(37 0% 53%)
- OKLCH
- oklch(0.448 0.098 69.1)
- OKLab
- oklab(0.448 0.035 0.091)
- CIE Lab
- lab(35.75 16.52 44.82)
- LCH
- lch(35.75 47.76 69.8)
- CMYK
- cmyk(0% 39% 100% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 845A26
- 926B3F
- 9F7D57
- AD8F6E
- BAA185
- C8B39D
- D6C6B5
- E3D9CD
- F1ECE6
Odcienie ciemniejsze
- 673E00
- 573400
- 472A00
- 382000
- 2A1700
- 1C0E00
- 100600
- 050200
- 010000
Tony
- 784F18
- 7A5528
- 7B5A35
- 7C6040
- 7D654B
- 7E6B56
- 7E7061
- 7F756B
- 807B76
Harmonie kolorów
Komplementarna +180°
- 774900
Milk Chocolate
- 225888
≈ Strong Will
Analogowa -30° +30°
- 774900
Milk Chocolate
- 813F29
≈ Coppery Orange
- 625500
≈ Olive Brown
Triada +120° +240°
- 774900
Milk Chocolate
- 00625E
≈ Emerald Stone
- 65447D
≈ Regality
Komplementarna rozszczepiona +150° +210°
- 774900
Milk Chocolate
- 005F73
≈ Ocean Radiance
- 4A4D8A
≈ Beaded Blue
Tetrada +90° +180° +270°
- 774900
Milk Chocolate
- 0E6541
≈ Aotake Bamboo
- 225888
≈ Strong Will
- 773D66
≈ Burnt Orchid
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.67:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.73:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.67:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--milk-chocolate: #774900;
--milk-chocolate-rgb: 119 73 0;
--milk-chocolate-oklch: oklch(0.448 0.098 69.1);
}
.element {
color: var(--milk-chocolate);
background-color: hsl(37 100% 23%);
border-color: oklch(0.448 0.098 69.1);
}Tailwind CSS v4
@theme {
--color-milk-chocolate: #774900;
--color-milk-chocolate-50: #fff1d8;
--color-milk-chocolate-100: #fde3c5;
--color-milk-chocolate-200: #efcea7;
--color-milk-chocolate-300: #d7af80;
--color-milk-chocolate-400: #c4945d;
--color-milk-chocolate-500: #b07936;
--color-milk-chocolate-600: #94672f;
--color-milk-chocolate-700: #775225;
--color-milk-chocolate-800: #593b1a;
--color-milk-chocolate-900: #3e2911;
--color-milk-chocolate-950: #271604;
}SCSS
$milk-chocolate: #774900;
$milk-chocolate-rgb: 119, 73, 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);
}