이름 색상 · #AC8A56
Limed Oak
Limed Oak은(는) #AC8A56: rgb(172 138 86), hsl(36 34% 51%), oklch(0.654 0.081 77.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Limed Oak color name →
#AC8A56
oklch(0.654 0.081 77.2)
색상 변환
- HEX
- #ac8a56
- RGB
- rgb(172 138 86)
- HSL
- hsl(36 34% 51%)
- HWB
- hwb(36 34% 33%)
- OKLCH
- oklch(0.654 0.081 77.2)
- OKLab
- oklab(0.654 0.018 0.079)
- CIE Lab
- lab(59.86 8.45 32.85)
- LCH
- lch(59.86 33.92 75.6)
- CMYK
- cmyk(0% 20% 50% 33%)
틴트 · 셰이드 · 톤
틴트
- B49567
- BCA178
- C5AC88
- CDB899
- D5C4AA
- DECFBA
- E6DBCB
- EEE7DC
- F7F3EE
셰이드
- 95774A
- 7F653E
- 695332
- 544227
- 40321C
- 2D2212
- 1B1408
- 0B0702
- 010100
톤
- A8895B
- A38860
- 9F8765
- 9B8669
- 96856D
- 928471
- 8D8375
- 898279
- 84817C
색 조화
보색 +180°
- AC8A56
Limed Oak
- 7192C2
≈ Eyeshadow Blue
유사색 -30° +30°
- AC8A56
Limed Oak
- B98165
≈ Silken Chocolate
- 959458
≈ Tansy Green
삼각 배색 +120° +240°
- AC8A56
Limed Oak
- 4CA0A1
≈ Aqua Fresco
- A581B1
≈ Lobby Lilac
분열 보색 +150° +210°
- AC8A56
Limed Oak
- 579AB7
≈ Steel Light Blue
- 8D89BF
≈ Heliotropic Mauve
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.21:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.52:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.52:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--limed-oak: #ac8a56;
--limed-oak-rgb: 172 138 86;
--limed-oak-oklch: oklch(0.654 0.081 77.2);
}
.element {
color: var(--limed-oak);
background-color: hsl(36 34% 51%);
border-color: oklch(0.654 0.081 77.2);
}Tailwind CSS v4
@theme {
--color-limed-oak: #ac8a56;
--color-limed-oak-50: #fff3dc;
--color-limed-oak-100: #f7e5ca;
--color-limed-oak-200: #e7d1ae;
--color-limed-oak-300: #ceb389;
--color-limed-oak-400: #b99967;
--color-limed-oak-500: #a47f45;
--color-limed-oak-600: #8b6c3b;
--color-limed-oak-700: #6f562f;
--color-limed-oak-800: #533e21;
--color-limed-oak-900: #3a2b16;
--color-limed-oak-950: #241807;
}SCSS
$limed-oak: #ac8a56;
$limed-oak-rgb: 172, 138, 86;
$limed-oak-light: mix(#fff, $limed-oak, 20%);
$limed-oak-dark: mix(#000, $limed-oak, 20%);
.element {
color: $limed-oak;
box-shadow: 0 0 0 2px rgba($limed-oak, 0.35);
}