Najbliższy nazwany kolor · #2A4229
#2A4229
Najbliższy nazwany kolor: Palm Leaf
#2A4229 (rgb(42 66 41), hsl(118 23% 21%), oklch(0.352 0.052 143.5)) jest najbliższy nazwanemu kolorowi Palm Leaf. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2A4229
oklch(0.352 0.052 143.5)
Konwersje koloru
- HEX
- #2a4229
- RGB
- rgb(42 66 41)
- HSL
- hsl(118 23% 21%)
- HWB
- hwb(118 16% 74%)
- OKLCH
- oklch(0.352 0.052 143.5)
- OKLab
- oklab(0.352 -0.042 0.031)
- CIE Lab
- lab(25.43 -14.21 12.18)
- LCH
- lch(25.43 18.72 139.4)
- CMYK
- cmyk(36% 0% 38% 74%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3D533C
- 50644F
- 647663
- 798978
- 8E9B8D
- A4AFA3
- BAC2B9
- D0D6D0
- E7EAE7
Odcienie ciemniejsze
- 233822
- 1C2F1C
- 162515
- 101C0F
- 0A1409
- 050B05
- 020502
- 010101
- 000000
Tony
- 324831
- 3B4E3A
- 435442
- 4B5A4B
- 546053
- 5D675C
- 656D65
- 6E736E
- 777A77
Harmonie kolorów
Komplementarna +180°
- 2A4229
Palm Leaf
- 48314B
≈ Purple Pennant
Analogowa -30° +30°
- 2A4229
Palm Leaf
- 3B3E1C
≈ Turtle Skin
- 194439
≈ MSU Green
Triada +120° +240°
- 2A4229
Palm Leaf
- 2D3B56
≈ Madison
- 53302E
≈ Decadent Chocolate
Komplementarna rozszczepiona +150° +210°
- 2A4229
Palm Leaf
- 3C3654
≈ Naggaroth Night
- 502F3D
≈ Port Royale
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.99:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.90:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.99:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--palm-leaf: #2a4229;
--palm-leaf-rgb: 42 66 41;
--palm-leaf-oklch: oklch(0.352 0.052 143.5);
}
.element {
color: var(--palm-leaf);
background-color: hsl(118 23% 21%);
border-color: oklch(0.352 0.052 143.5);
}Tailwind CSS v4
@theme {
--color-palm-leaf: #2a4229;
--color-palm-leaf-50: #ecf9ec;
--color-palm-leaf-100: #deedde;
--color-palm-leaf-200: #c7dbc7;
--color-palm-leaf-300: #a7bfa8;
--color-palm-leaf-400: #8da78b;
--color-palm-leaf-500: #728f70;
--color-palm-leaf-600: #61795f;
--color-palm-leaf-700: #4d614c;
--color-palm-leaf-800: #384736;
--color-palm-leaf-900: #273125;
--color-palm-leaf-950: #151d14;
}SCSS
$palm-leaf: #2a4229;
$palm-leaf-rgb: 42, 66, 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);
}