En yakın adlandırılmış renk · #7C7843
#7C7843
En yakın adlandırılmış renk: Verdant Leaf
#7C7843 (rgb(124 120 67), hsl(56 30% 37%), oklch(0.564 0.074 104.7)) en çok Verdant Leaf adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#7C7843
oklch(0.564 0.074 104.7)
Renk dönüşümleri
- HEX
- #7c7843
- RGB
- rgb(124 120 67)
- HSL
- hsl(56 30% 37%)
- HWB
- hwb(56 26% 51%)
- OKLCH
- oklch(0.564 0.074 104.7)
- OKLab
- oklab(0.564 -0.019 0.071)
- CIE Lab
- lab(49.85 -4.41 29.53)
- LCH
- lch(49.85 29.86 98.5)
- CMYK
- cmyk(0% 3% 46% 51%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 888555
- 959268
- A19F7A
- AEAC8C
- BBBA9F
- C8C7B2
- D6D5C5
- E3E3D8
- F1F1EB
Koyu tonlar
- 6B6739
- 5A572F
- 4A4826
- 3B391D
- 2C2A14
- 1E1D0C
- 111005
- 050501
- 010100
Gri tonlar
- 7C794A
- 7D7A51
- 7D7B57
- 7D7C5D
- 7E7C63
- 7E7D69
- 7F7E6F
- 7F7F75
- 807F7A
Renk uyumları
Tamamlayıcı +180°
- 7C7843
Verdant Leaf
- 71709F
≈ Purple Spire
Analog -30° +30°
- 7C7843
Verdant Leaf
- 8F6F42
≈ Chilli Green
- 637F53
≈ Garden Grove
Üçlü +120° +240°
- 7C7843
Verdant Leaf
- 407F96
≈ Wipeout
- 956480
≈ Rust Magenta
Bölünmüş tamamlayıcı +150° +210°
- 7C7843
Verdant Leaf
- 5778A0
≈ Montreux Blue
- 866894
≈ Mirabella
Dörtlü +90° +180° +270°
- 7C7843
Verdant Leaf
- 388383
≈ Emu Egg
- 71709F
≈ Purple Spire
- 9C6368
≈ Soft Bromeliad
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.54:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.62:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--verdant-leaf: #7c7843;
--verdant-leaf-rgb: 124 120 67;
--verdant-leaf-oklch: oklch(0.564 0.074 104.7);
}
.element {
color: var(--verdant-leaf);
background-color: hsl(56 30% 37%);
border-color: oklch(0.564 0.074 104.7);
}Tailwind CSS v4
@theme {
--color-verdant-leaf: #7c7843;
--color-verdant-leaf-50: #f7f7df;
--color-verdant-leaf-100: #eaeace;
--color-verdant-leaf-200: #d7d7b3;
--color-verdant-leaf-300: #bbba8f;
--color-verdant-leaf-400: #a5a16e;
--color-verdant-leaf-500: #8d894d;
--color-verdant-leaf-600: #787442;
--color-verdant-leaf-700: #605d35;
--color-verdant-leaf-800: #474324;
--color-verdant-leaf-900: #312f18;
--color-verdant-leaf-950: #1d1b09;
}SCSS
$verdant-leaf: #7c7843;
$verdant-leaf-rgb: 124, 120, 67;
$verdant-leaf-light: mix(#fff, $verdant-leaf, 20%);
$verdant-leaf-dark: mix(#000, $verdant-leaf, 20%);
.element {
color: $verdant-leaf;
box-shadow: 0 0 0 2px rgba($verdant-leaf, 0.35);
}