Nazwany kolor · #505C3A
Shallot Leaf
Shallot Leaf to #505C3A: rgb(80 92 58), hsl(81 23% 29%), oklch(0.455 0.054 124.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Shallot Leaf color name →
#505C3A
oklch(0.455 0.054 124.3)
Konwersje koloru
- HEX
- #505c3a
- RGB
- rgb(80 92 58)
- HSL
- hsl(81 23% 29%)
- HWB
- hwb(81 23% 64%)
- OKLCH
- oklch(0.455 0.054 124.3)
- OKLab
- oklab(0.455 -0.031 0.045)
- CIE Lab
- lab(37.32 -9.74 17.98)
- LCH
- lch(37.32 20.45 118.5)
- CMYK
- cmyk(13% 0% 37% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 606B4C
- 707A5E
- 818A71
- 929A84
- A3AA98
- B5BBAC
- C7CBC0
- D9DCD5
- ECEEEA
Odcienie ciemniejsze
- 444F31
- 394228
- 2E3620
- 242A18
- 1A1F10
- 101409
- 070A04
- 020301
- 000000
Tony
- 556041
- 596348
- 5E674F
- 636A56
- 676E5D
- 6C7264
- 71756B
- 767972
- 7B7C79
Harmonie kolorów
Komplementarna +180°
- 505C3A
Shallot Leaf
- 5D4F6F
≈ Futaai Indigo
Analogowa -30° +30°
- 505C3A
Shallot Leaf
- 605632
≈ Uguisu Brown
- 3E6049
≈ Windy Pine
Triada +120° +240°
- 505C3A
Shallot Leaf
- 3C5A73
≈ Express Blue
- 714A53
≈ Plum Wine
Komplementarna rozszczepiona +150° +210°
- 505C3A
Shallot Leaf
- 4D5475
≈ Deep Orchid
- 6A4B63
≈ Bunchberry
Tetrada +90° +180° +270°
- 505C3A
Shallot Leaf
- 2F5F69
≈ After the Storm
- 5D4F6F
≈ Futaai Indigo
- 724C42
≈ Minotaur Red
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.15:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.93:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--shallot-leaf: #505c3a;
--shallot-leaf-rgb: 80 92 58;
--shallot-leaf-oklch: oklch(0.455 0.054 124.3);
}
.element {
color: var(--shallot-leaf);
background-color: hsl(81 23% 29%);
border-color: oklch(0.455 0.054 124.3);
}Tailwind CSS v4
@theme {
--color-shallot-leaf: #505c3a;
--color-shallot-leaf-50: #f1f8e8;
--color-shallot-leaf-100: #e3ecd8;
--color-shallot-leaf-200: #ced9c0;
--color-shallot-leaf-300: #b0bd9f;
--color-shallot-leaf-400: #97a481;
--color-shallot-leaf-500: #7e8d65;
--color-shallot-leaf-600: #6b7756;
--color-shallot-leaf-700: #555f44;
--color-shallot-leaf-800: #3f4631;
--color-shallot-leaf-900: #2b3021;
--color-shallot-leaf-950: #191c10;
}SCSS
$shallot-leaf: #505c3a;
$shallot-leaf-rgb: 80, 92, 58;
$shallot-leaf-light: mix(#fff, $shallot-leaf, 20%);
$shallot-leaf-dark: mix(#000, $shallot-leaf, 20%);
.element {
color: $shallot-leaf;
box-shadow: 0 0 0 2px rgba($shallot-leaf, 0.35);
}