最も近い色名 · #AA5244
#AA5244
最も近い色名: Hot Sauce
#AA5244（rgb(170 82 68)、hsl(8 43% 47%)、oklch(0.545 0.119 30.6)）に最も近い色名はHot Sauceです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#AA5244
oklch(0.545 0.119 30.6)
カラー変換
- HEX
- #aa5244
- RGB
- rgb(170 82 68)
- HSL
- hsl(8 43% 47%)
- HWB
- hwb(8 27% 33%)
- OKLCH
- oklch(0.545 0.119 30.6)
- OKLab
- oklab(0.545 0.102 0.06)
- CIE Lab
- lab(46.1 36.01 25.94)
- LCH
- lch(46.1 44.38 35.8)
- CMYK
- cmyk(0% 52% 60% 33%)
ティント · シェード · トーン
ティント
- B46356
- BD7468
- C7857A
- D0968C
- D8A89E
- E1B9B1
- E9CAC4
- F0DCD8
- F8EDEB
シェード
- 93463A
- 7D3B30
- 682F26
- 53251D
- 3F1A14
- 2D110C
- 1B0805
- 0B0202
- 010000
トーン
- A7584A
- A35D51
- A06257
- 9C675D
- 986B63
- 947069
- 8F746F
- 8B7874
- 857C7A
カラーハーモニー
補色 +180°
- AA5244
Hot Sauce
- 007E8F
≈ Metallic Seaweed
類似色 -30° +30°
- AA5244
Hot Sauce
- A64F6C
≈ China Rose
- A15D15
≈ Soft Tone Ink
トライアド +120° +240°
- AA5244
Hot Sauce
- 31834A
≈ Monster Monstera
- 566AB5
≈ Amparo Blue
スプリットコンプリメンタリー +150° +210°
- AA5244
Hot Sauce
- 008273
≈ Green Garlands
- 1677AE
≈ Larimar Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.25:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.99:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--hot-sauce: #aa5244;
--hot-sauce-rgb: 170 82 68;
--hot-sauce-oklch: oklch(0.545 0.119 30.6);
}
.element {
color: var(--hot-sauce);
background-color: hsl(8 43% 47%);
border-color: oklch(0.545 0.119 30.6);
}Tailwind CSS v4
@theme {
--color-hot-sauce: #aa5244;
--color-hot-sauce-50: #ffeae0;
--color-hot-sauce-100: #ffdacf;
--color-hot-sauce-200: #ffc2b4;
--color-hot-sauce-300: #eea191;
--color-hot-sauce-400: #db8373;
--color-hot-sauce-500: #c86554;
--color-hot-sauce-600: #a95648;
--color-hot-sauce-700: #884439;
--color-hot-sauce-800: #65312a;
--color-hot-sauce-900: #47211c;
--color-hot-sauce-950: #2e100d;
}SCSS
$hot-sauce: #aa5244;
$hot-sauce-rgb: 170, 82, 68;
$hot-sauce-light: mix(#fff, $hot-sauce, 20%);
$hot-sauce-dark: mix(#000, $hot-sauce, 20%);
.element {
color: $hot-sauce;
box-shadow: 0 0 0 2px rgba($hot-sauce, 0.35);
}