Nazwany kolor · #957D48
Raked Leaves
Raked Leaves to #957D48: rgb(149 125 72), hsl(41 35% 43%), oklch(0.6 0.077 85.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Raked Leaves color name →
#957D48
oklch(0.6 0.077 85.7)
Konwersje koloru
- HEX
- #957d48
- RGB
- rgb(149 125 72)
- HSL
- hsl(41 35% 43%)
- HWB
- hwb(41 28% 42%)
- OKLCH
- oklch(0.6 0.077 85.7)
- OKLab
- oklab(0.6 0.006 0.077)
- CIE Lab
- lab(53.79 4.37 32.3)
- LCH
- lch(53.79 32.59 82.3)
- CMYK
- cmyk(0% 16% 52% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9F895A
- AA966C
- B4A37E
- BEB090
- C9BCA2
- D4CAB4
- DED7C7
- E9E4D9
- F4F1EC
Odcienie ciemniejsze
- 816C3D
- 6D5B33
- 5A4B29
- 483B1F
- 372C16
- 261E0D
- 161106
- 080502
- 010100
Tony
- 937D4F
- 917E55
- 8F7E5B
- 8D7F61
- 8B7F66
- 897F6C
- 867F71
- 848076
- 82807B
Harmonie kolorów
Komplementarna +180°
- 957D48
Raked Leaves
- 6A7FAF
≈ Marvellous
Analogowa -30° +30°
- 957D48
Raked Leaves
- A47452
≈ Balthasar Gold
- 7E864F
≈ Field Maple
Triada +120° +240°
- 957D48
Raked Leaves
- 408E97
≈ Aqueous
- 987099
≈ Tatarian Aster
Komplementarna rozszczepiona +150° +210°
- 957D48
Raked Leaves
- 5088A8
≈ Safe Haven
- 8477AA
≈ Grape Parfait
Tetrada +90° +180° +270°
- 957D48
Raked Leaves
- 488F7E
≈ Winter Green
- 6A7FAF
≈ Marvellous
- A66D82
≈ Never Forget
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.95:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.30:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--raked-leaves: #957d48;
--raked-leaves-rgb: 149 125 72;
--raked-leaves-oklch: oklch(0.6 0.077 85.7);
}
.element {
color: var(--raked-leaves);
background-color: hsl(41 35% 43%);
border-color: oklch(0.6 0.077 85.7);
}Tailwind CSS v4
@theme {
--color-raked-leaves: #957d48;
--color-raked-leaves-50: #fef4dd;
--color-raked-leaves-100: #f3e7cb;
--color-raked-leaves-200: #e2d3af;
--color-raked-leaves-300: #c8b68a;
--color-raked-leaves-400: #b39c69;
--color-raked-leaves-500: #9d8247;
--color-raked-leaves-600: #856e3d;
--color-raked-leaves-700: #6a5830;
--color-raked-leaves-800: #4f4022;
--color-raked-leaves-900: #372c16;
--color-raked-leaves-950: #221907;
}SCSS
$raked-leaves: #957d48;
$raked-leaves-rgb: 149, 125, 72;
$raked-leaves-light: mix(#fff, $raked-leaves, 20%);
$raked-leaves-dark: mix(#000, $raked-leaves, 20%);
.element {
color: $raked-leaves;
box-shadow: 0 0 0 2px rgba($raked-leaves, 0.35);
}