Adlandırılmış renk · #505C3A
Shallot Leaf
Shallot Leaf, #505C3A: rgb(80 92 58), hsl(81 23% 29%), oklch(0.455 0.054 124.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Shallot Leaf color name →
#505C3A
oklch(0.455 0.054 124.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 606B4C
- 707A5E
- 818A71
- 929A84
- A3AA98
- B5BBAC
- C7CBC0
- D9DCD5
- ECEEEA
Koyu tonlar
- 444F31
- 394228
- 2E3620
- 242A18
- 1A1F10
- 101409
- 070A04
- 020301
- 000000
Gri tonlar
- 556041
- 596348
- 5E674F
- 636A56
- 676E5D
- 6C7264
- 71756B
- 767972
- 7B7C79
Renk uyumları
Tamamlayıcı +180°
- 505C3A
Shallot Leaf
- 5D4F6F
≈ Futaai Indigo
Analog -30° +30°
- 505C3A
Shallot Leaf
- 605632
≈ Uguisu Brown
- 3E6049
≈ Windy Pine
Üçlü +120° +240°
- 505C3A
Shallot Leaf
- 3C5A73
≈ Express Blue
- 714A53
≈ Plum Wine
Bölünmüş tamamlayıcı +150° +210°
- 505C3A
Shallot Leaf
- 4D5475
≈ Deep Orchid
- 6A4B63
≈ Bunchberry
Dörtlü +90° +180° +270°
- 505C3A
Shallot Leaf
- 2F5F69
≈ After the Storm
- 5D4F6F
≈ Futaai Indigo
- 724C42
≈ Minotaur Red
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.15:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.93:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
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);
}