色名 · #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);
}