Couleur nommée la plus proche · #2B3A23
#2B3A23
Couleur nommée la plus proche: Palm Leaf
#2B3A23 (rgb(43 58 35), hsl(99 25% 18%), oklch(0.328 0.044 135.2)) est la plus proche de la couleur nommée Palm Leaf. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#2B3A23
oklch(0.328 0.044 135.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 3D4B36
- 505D4A
- 64705E
- 798373
- 8E9789
- A3ABA0
- BABFB7
- D0D4CE
- E7E9E6
Ombres
- 24311D
- 1D2817
- 162011
- 10180C
- 0A1007
- 050904
- 020401
- 010100
- 000000
Tons
- 33412C
- 3B4735
- 434E3E
- 4B5547
- 545C50
- 5C6359
- 656A63
- 6E716C
- 777976
Harmonies de couleurs
Complémentaire +180°
- 2B3A23
Palm Leaf
- 3D2E44
≈ Jagger
Analogue -30° +30°
- 2B3A23
Palm Leaf
- 38361B
≈ LeChuck’s Beard
- 1D3C2F
≈ Palm Green
Triadique +120° +240°
- 2B3A23
Palm Leaf
- 25364B
≈ In the Navy
- 492B2E
≈ Dark Roast
Complémentaire divisée +150° +210°
- 2B3A23
Palm Leaf
- 32324B
≈ Deep Velvet
- 452C3A
≈ Barossa
Tétradique +90° +180° +270°
- 2B3A23
Palm Leaf
- 193A46
≈ Astral Nomad
- 3D2E44
≈ Jagger
- 482E22
≈ Morocco Brown
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.12:1 · APCA Lc 98
Ag
FailSur noir
WCAG 1.73:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.12:1 (AAA) · APCA Lc 98
Contrast pairs
Extraits de code
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);
}