色名 · #9D7147
Aged Whisky
Aged Whiskyは#9D7147：rgb(157 113 71)、hsl(29 38% 45%)、oklch(0.584 0.08 63.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Aged Whisky color name →
#9D7147
oklch(0.584 0.08 63.8)
カラー変換
- HEX
- #9d7147
- RGB
- rgb(157 113 71)
- HSL
- hsl(29 38% 45%)
- HWB
- hwb(29 28% 38%)
- OKLCH
- oklch(0.584 0.08 63.8)
- OKLab
- oklab(0.584 0.035 0.072)
- CIE Lab
- lab(51.52 14.32 30.36)
- LCH
- lch(51.52 33.57 64.8)
- CMYK
- cmyk(0% 28% 55% 38%)
ティント · シェード · トーン
ティント
- A77F59
- B18C6B
- BB9A7D
- C4A88F
- CEB6A1
- D8C5B3
- E2D3C6
- EBE2D9
- F5F0EC
シェード
- 88613D
- 735232
- 5F4328
- 4C351F
- 3A2716
- 281A0D
- 180E06
- 090402
- 010100
トーン
- 9A734E
- 987454
- 95765A
- 927860
- 8F7965
- 8C7B6B
- 897C70
- 867D76
- 837F7B
カラーハーモニー
補色 +180°
- 9D7147
Aged Whisky
- 5081A8
≈ Neapolitan Blue
類似色 -30° +30°
- 9D7147
Aged Whisky
- A56A5C
≈ Mudbrick
- 8B7B41
≈ Capers
トライアド +120° +240°
- 9D7147
Aged Whisky
- 3A8B81
≈ Copper Turquoise
- 8670A2
≈ Babiana
スプリットコンプリメンタリー +150° +210°
- 9D7147
Aged Whisky
- 398898
≈ Seachange
- 6C78AB
≈ Regal Azure
テトラード +90° +180° +270°
- 9D7147
Aged Whisky
- 548A65
≈ Spring Garden
- 5081A8
≈ Neapolitan Blue
- 99698F
≈ Tulipan Violet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 4.29:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.88:1 · APCA Lc 32
最適な文字色: #000000
WCAG 4.88:1 (AA) · APCA Lc 32
Contrast pairs
コードスニペット
CSS
:root {
--aged-whisky: #9d7147;
--aged-whisky-rgb: 157 113 71;
--aged-whisky-oklch: oklch(0.584 0.08 63.8);
}
.element {
color: var(--aged-whisky);
background-color: hsl(29 38% 45%);
border-color: oklch(0.584 0.08 63.8);
}Tailwind CSS v4
@theme {
--color-aged-whisky: #9d7147;
--color-aged-whisky-50: #fff1de;
--color-aged-whisky-100: #fbe3cc;
--color-aged-whisky-200: #edceb1;
--color-aged-whisky-300: #d4b08c;
--color-aged-whisky-400: #c0956c;
--color-aged-whisky-500: #ac7a4b;
--color-aged-whisky-600: #916840;
--color-aged-whisky-700: #745333;
--color-aged-whisky-800: #563c24;
--color-aged-whisky-900: #3c2918;
--color-aged-whisky-950: #261709;
}SCSS
$aged-whisky: #9d7147;
$aged-whisky-rgb: 157, 113, 71;
$aged-whisky-light: mix(#fff, $aged-whisky, 20%);
$aged-whisky-dark: mix(#000, $aged-whisky, 20%);
.element {
color: $aged-whisky;
box-shadow: 0 0 0 2px rgba($aged-whisky, 0.35);
}