Couleur nommée la plus proche · #373D21
#373D21
Couleur nommée la plus proche: Palm Leaf
#373D21 (rgb(55 61 33), hsl(73 30% 18%), oklch(0.346 0.046 118.7)) 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.
#373D21
oklch(0.346 0.046 118.7)
Conversions de couleur
- HEX
- #373d21
- RGB
- rgb(55 61 33)
- HSL
- hsl(73 30% 18%)
- HWB
- hwb(73 13% 76%)
- OKLCH
- oklch(0.346 0.046 118.7)
- OKLab
- oklab(0.346 -0.022 0.04)
- CIE Lab
- lab(24.6 -6.65 16.36)
- LCH
- lch(24.6 17.66 112.1)
- CMYK
- cmyk(10% 0% 46% 76%)
Teintes · Ombres · Tons
Teintes
- 484E35
- 5A6049
- 6D725D
- 818573
- 949889
- A9AC9F
- BEC0B7
- D3D5CE
- E9EAE6
Ombres
- 2E341B
- 262B16
- 1E2210
- 161A0B
- 0F1206
- 080A03
- 030401
- 010100
- 000000
Tons
- 3E432A
- 454A33
- 4C503D
- 535746
- 5A5E4F
- 616459
- 696B62
- 71726C
- 787976
Harmonies de couleurs
Complémentaire +180°
- 373D21
Palm Leaf
- 3D344E
≈ Caddies Silk
Analogue -30° +30°
- 373D21
Palm Leaf
- 43381C
≈ Lisbon Brown
- 28402C
≈ English Holly
Triadique +120° +240°
- 373D21
Palm Leaf
- 223D4F
≈ Asurmen Blue Wash
- 4D2F39
≈ Joyful Ruby
Complémentaire divisée +150° +210°
- 373D21
Palm Leaf
- 303952
≈ Biscay
- 473145
≈ Voodoo
Tétradique +90° +180° +270°
- 373D21
Palm Leaf
- 184046
≈ Sunken Harbour
- 3D344E
≈ Caddies Silk
- 4F302C
≈ Espresso
Contraste et accessibilité
Ag
AAASur blanc
WCAG 11.33:1 · APCA Lc 96
Ag
FailSur noir
WCAG 1.85:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 11.33:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--palm-leaf: #373d21;
--palm-leaf-rgb: 55 61 33;
--palm-leaf-oklch: oklch(0.346 0.046 118.7);
}
.element {
color: var(--palm-leaf);
background-color: hsl(73 30% 18%);
border-color: oklch(0.346 0.046 118.7);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #373d21;
--color-palm-leaf-50: #f3f7e9;
--color-palm-leaf-100: #e5eada;
--color-palm-leaf-200: #d1d8c2;
--color-palm-leaf-300: #b4bba2;
--color-palm-leaf-400: #9ba384;
--color-palm-leaf-500: #838b69;
--color-palm-leaf-600: #6f7559;
--color-palm-leaf-700: #585e47;
--color-palm-leaf-800: #414533;
--color-palm-leaf-900: #2d2f22;
--color-palm-leaf-950: #1a1c11;
}SCSS
$palm-leaf: #373d21;
$palm-leaf-rgb: 55, 61, 33;
$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);
}