En yakın adlandırılmış renk · #2B3A23
#2B3A23
En yakın adlandırılmış renk: Palm Leaf
#2B3A23 (rgb(43 58 35), hsl(99 25% 18%), oklch(0.328 0.044 135.2)) 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.
#2B3A23
oklch(0.328 0.044 135.2)
Renk dönüşümleri
- HEX
- #2b3a23
- RGB
- rgb(43 58 35)
- HSL
- hsl(99 25% 18%)
- HWB
- hwb(99 14% 77%)
- OKLCH
- oklch(0.328 0.044 135.2)
- OKLab
- oklab(0.328 -0.031 0.031)
- CIE Lab
- lab(22.56 -10.29 12.25)
- LCH
- lch(22.56 16 130)
- CMYK
- cmyk(26% 0% 40% 77%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D4B36
- 505D4A
- 64705E
- 798373
- 8E9789
- A3ABA0
- BABFB7
- D0D4CE
- E7E9E6
Koyu tonlar
- 24311D
- 1D2817
- 162011
- 10180C
- 0A1007
- 050904
- 020401
- 010100
- 000000
Gri tonlar
- 33412C
- 3B4735
- 434E3E
- 4B5547
- 545C50
- 5C6359
- 656A63
- 6E716C
- 777976
Renk uyumları
Tamamlayıcı +180°
- 2B3A23
Palm Leaf
- 3D2E44
≈ Jagger
Analog -30° +30°
- 2B3A23
Palm Leaf
- 38361B
≈ LeChuck’s Beard
- 1D3C2F
≈ Palm Green
Üçlü +120° +240°
- 2B3A23
Palm Leaf
- 25364B
≈ In the Navy
- 492B2E
≈ Dark Roast
Bölünmüş tamamlayıcı +150° +210°
- 2B3A23
Palm Leaf
- 32324B
≈ Deep Velvet
- 452C3A
≈ Barossa
Dörtlü +90° +180° +270°
- 2B3A23
Palm Leaf
- 193A46
≈ Astral Nomad
- 3D2E44
≈ Jagger
- 482E22
≈ Morocco Brown
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.12:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.73:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.12:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--palm-leaf: #2b3a23;
--palm-leaf-rgb: 43 58 35;
--palm-leaf-oklch: oklch(0.328 0.044 135.2);
}
.element {
color: var(--palm-leaf);
background-color: hsl(99 25% 18%);
border-color: oklch(0.328 0.044 135.2);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #2b3a23;
--color-palm-leaf-50: #eff8ec;
--color-palm-leaf-100: #e1ecdd;
--color-palm-leaf-200: #ccd9c7;
--color-palm-leaf-300: #adbda7;
--color-palm-leaf-400: #93a58b;
--color-palm-leaf-500: #7a8d70;
--color-palm-leaf-600: #67775f;
--color-palm-leaf-700: #525f4c;
--color-palm-leaf-800: #3c4636;
--color-palm-leaf-900: #2a3025;
--color-palm-leaf-950: #171d14;
}SCSS
$palm-leaf: #2b3a23;
$palm-leaf-rgb: 43, 58, 35;
$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);
}