이름 색상 · #9D8D66
Autumn Laurel
Autumn Laurel은(는) #9D8D66: rgb(157 141 102), hsl(43 22% 51%), oklch(0.648 0.058 88.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Autumn Laurel color name →
#9D8D66
oklch(0.648 0.058 88.3)
색상 변환
- HEX
- #9d8d66
- RGB
- rgb(157 141 102)
- HSL
- hsl(43 22% 51%)
- HWB
- hwb(43 40% 38%)
- OKLCH
- oklch(0.648 0.058 88.3)
- OKLab
- oklab(0.648 0.002 0.057)
- CIE Lab
- lab(59.34 1.79 23.16)
- LCH
- lch(59.34 23.23 85.6)
- CMYK
- cmyk(0% 10% 35% 38%)
틴트 · 셰이드 · 톤
틴트
- A69875
- B0A384
- BAAE93
- C3B9A2
- CDC5B1
- D7D0C0
- E1DCD0
- EBE7DF
- F5F3EF
셰이드
- 887A58
- 73674A
- 5F553C
- 4C442F
- 3A3323
- 282317
- 18140C
- 090704
- 010100
톤
- 9A8C69
- 978B6C
- 94896F
- 918871
- 8E8774
- 8C8576
- 898479
- 86837B
- 83817E
색 조화
보색 +180°
- 9D8D66
Autumn Laurel
- 7F8EB2
≈ Luxury
유사색 -30° +30°
- 9D8D66
Autumn Laurel
- AA866C
≈ Pottery Urn
- 8B946C
≈ Cider Pear Green
삼각 배색 +120° +240°
- 9D8D66
Autumn Laurel
- 6499A1
≈ Shore Water
- A282A0
≈ Pink Plumeria
분열 보색 +150° +210°
- 9D8D66
Autumn Laurel
- 6E94AE
≈ Aragonite Blue
- 9387AD
≈ Larkspur Violet
사각 배색 +90° +180° +270°
- 9D8D66
Autumn Laurel
- 679A8F
≈ Little League
- 7F8EB2
≈ Luxury
- AC808E
≈ Silken Raspberry
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.26:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.43:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.43:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--autumn-laurel: #9d8d66;
--autumn-laurel-rgb: 157 141 102;
--autumn-laurel-oklch: oklch(0.648 0.058 88.3);
}
.element {
color: var(--autumn-laurel);
background-color: hsl(43 22% 51%);
border-color: oklch(0.648 0.058 88.3);
}Tailwind CSS v4
@theme {
--color-autumn-laurel: #9d8d66;
--color-autumn-laurel-50: #fbf5e3;
--color-autumn-laurel-100: #efe8d3;
--color-autumn-laurel-200: #ded4b9;
--color-autumn-laurel-300: #c3b796;
--color-autumn-laurel-400: #ac9d78;
--color-autumn-laurel-500: #968459;
--color-autumn-laurel-600: #7f704c;
--color-autumn-laurel-700: #655a3d;
--color-autumn-laurel-800: #4b412b;
--color-autumn-laurel-900: #342d1d;
--color-autumn-laurel-950: #201a0d;
}SCSS
$autumn-laurel: #9d8d66;
$autumn-laurel-rgb: 157, 141, 102;
$autumn-laurel-light: mix(#fff, $autumn-laurel, 20%);
$autumn-laurel-dark: mix(#000, $autumn-laurel, 20%);
.element {
color: $autumn-laurel;
box-shadow: 0 0 0 2px rgba($autumn-laurel, 0.35);
}