이름 색상 · #957D48
Raked Leaves
Raked Leaves은(는) #957D48: rgb(149 125 72), hsl(41 35% 43%), oklch(0.6 0.077 85.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Raked Leaves color name →
#957D48
oklch(0.6 0.077 85.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 9F895A
- AA966C
- B4A37E
- BEB090
- C9BCA2
- D4CAB4
- DED7C7
- E9E4D9
- F4F1EC
셰이드
- 816C3D
- 6D5B33
- 5A4B29
- 483B1F
- 372C16
- 261E0D
- 161106
- 080502
- 010100
톤
- 937D4F
- 917E55
- 8F7E5B
- 8D7F61
- 8B7F66
- 897F6C
- 867F71
- 848076
- 82807B
색 조화
보색 +180°
- 957D48
Raked Leaves
- 6A7FAF
≈ Marvellous
유사색 -30° +30°
- 957D48
Raked Leaves
- A47452
≈ Balthasar Gold
- 7E864F
≈ Field Maple
삼각 배색 +120° +240°
- 957D48
Raked Leaves
- 408E97
≈ Aqueous
- 987099
≈ Tatarian Aster
분열 보색 +150° +210°
- 957D48
Raked Leaves
- 5088A8
≈ Safe Haven
- 8477AA
≈ Grape Parfait
사각 배색 +90° +180° +270°
- 957D48
Raked Leaves
- 488F7E
≈ Winter Green
- 6A7FAF
≈ Marvellous
- A66D82
≈ Never Forget
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.95:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.30:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.30:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
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);
}