En yakın adlandırılmış renk · #3C4829
#3C4829
En yakın adlandırılmış renk: Palm Leaf
#3C4829 (rgb(60 72 41), hsl(83 27% 22%), oklch(0.382 0.052 126)) en çok Palm 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.
#3C4829
oklch(0.382 0.052 126)
Renk dönüşümleri
- HEX
- #3c4829
- RGB
- rgb(60 72 41)
- HSL
- hsl(83 27% 22%)
- HWB
- hwb(83 16% 72%)
- OKLCH
- oklch(0.382 0.052 126)
- OKLab
- oklab(0.382 -0.03 0.042)
- CIE Lab
- lab(28.86 -9.66 16.93)
- LCH
- lch(28.86 19.49 119.7)
- CMYK
- cmyk(17% 0% 43% 72%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4D583C
- 5F6950
- 717B64
- 848D78
- 989F8E
- ABB1A3
- C0C4BA
- D4D8D0
- EAEBE7
Koyu tonlar
- 333D22
- 2A331C
- 212915
- 191F0F
- 111609
- 0A0D05
- 040602
- 010201
- 000000
Gri tonlar
- 424D32
- 49533A
- 4F5843
- 565E4B
- 5D6454
- 64695C
- 6B6F65
- 72756E
- 797A77
Renk uyumları
Tamamlayıcı +180°
- 3C4829
Palm Leaf
- 4A3C59
≈ Purple Velvet
Analog -30° +30°
- 3C4829
Palm Leaf
- 4B4321
≈ Uniform Green
- 2B4B37
≈ Springbok Green
Üçlü +120° +240°
- 3C4829
Palm Leaf
- 2B465D
≈ Indigo Streamer
- 5B373F
≈ Sassafras
Bölünmüş tamamlayıcı +150° +210°
- 3C4829
Palm Leaf
- 3B415F
≈ Church Blue
- 55384D
≈ Dulcet Violet
Dörtlü +90° +180° +270°
- 3C4829
Palm Leaf
- 1D4A55
≈ Night Swim
- 4A3C59
≈ Purple Velvet
- 5B3930
≈ Terra Brun
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.76:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.15:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--palm-leaf: #3c4829;
--palm-leaf-rgb: 60 72 41;
--palm-leaf-oklch: oklch(0.382 0.052 126);
}
.element {
color: var(--palm-leaf);
background-color: hsl(83 27% 22%);
border-color: oklch(0.382 0.052 126);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #3c4829;
--color-palm-leaf-50: #f1f8e9;
--color-palm-leaf-100: #e3ebd9;
--color-palm-leaf-200: #ced9c2;
--color-palm-leaf-300: #b0bda1;
--color-palm-leaf-400: #97a483;
--color-palm-leaf-500: #7e8d67;
--color-palm-leaf-600: #6a7758;
--color-palm-leaf-700: #555f46;
--color-palm-leaf-800: #3e4632;
--color-palm-leaf-900: #2b3022;
--color-palm-leaf-950: #181c11;
}SCSS
$palm-leaf: #3c4829;
$palm-leaf-rgb: 60, 72, 41;
$palm-leaf-light: mix(#fff, $palm-leaf, 20%);
$palm-leaf-dark: mix(#000, $palm-leaf, 20%);
.element {
color: $palm-leaf;
box-shadow: 0 0 0 2px rgba($palm-leaf, 0.35);
}