色名 · #AE9E87
Riverbank
Riverbankは#AE9E87：rgb(174 158 135)、hsl(35 19% 61%)、oklch(0.707 0.037 76.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Riverbank color name →
#AE9E87
oklch(0.707 0.037 76.9)
カラー変換
- HEX
- #ae9e87
- RGB
- rgb(174 158 135)
- HSL
- hsl(35 19% 61%)
- HWB
- hwb(35 53% 32%)
- OKLCH
- oklch(0.707 0.037 76.9)
- OKLab
- oklab(0.707 0.008 0.036)
- CIE Lab
- lab(66.06 3.28 14.31)
- LCH
- lch(66.06 14.68 77.1)
- CMYK
- cmyk(0% 9% 22% 32%)
ティント · シェード · トーン
ティント
- B6A793
- BEB19E
- C6BAAA
- CEC4B6
- D6CEC2
- DED7CE
- E6E1DA
- EEEBE6
- F7F5F3
シェード
- 978975
- 807463
- 6A6051
- 554D41
- 413A31
- 2E2921
- 1C1813
- 0B0906
- 010101
トーン
- A99B86
- A59886
- A09585
- 9B9284
- 978F84
- 928C83
- 8E8982
- 898682
- 858381
カラーハーモニー
補色 +180°
- AE9E87
Riverbank
- 92A2B8
≈ Sell Out
類似色 -30° +30°
- AE9E87
Riverbank
- B59A8D
≈ Del Rio
- A3A388
≈ Solid Snake
トライアド +120° +240°
- AE9E87
Riverbank
- 86A8A8
≈ Harbour Mist
- AA9AB0
≈ Lilac Lustre
スプリットコンプリメンタリー +150° +210°
- AE9E87
Riverbank
- 89A6B3
≈ Blue Skylights
- 9E9DB7
≈ Logan
テトラード +90° +180° +270°
- AE9E87
Riverbank
- 8BA89C
≈ Tropical Cascade
- 92A2B8
≈ Sell Out
- B398A5
≈ On the Nile
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.61:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 8.04:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--riverbank: #ae9e87;
--riverbank-rgb: 174 158 135;
--riverbank-oklch: oklch(0.707 0.037 76.9);
}
.element {
color: var(--riverbank);
background-color: hsl(35 19% 61%);
border-color: oklch(0.707 0.037 76.9);
}Tailwind CSS v4
@theme {
--color-riverbank: #ae9e87;
--color-riverbank-50: #fbf4ea;
--color-riverbank-100: #efe7da;
--color-riverbank-200: #ddd3c3;
--color-riverbank-300: #c2b6a2;
--color-riverbank-400: #ab9c86;
--color-riverbank-500: #94836b;
--color-riverbank-600: #7e6f5b;
--color-riverbank-700: #645948;
--color-riverbank-800: #4a4134;
--color-riverbank-900: #332d23;
--color-riverbank-950: #1f1a12;
}SCSS
$riverbank: #ae9e87;
$riverbank-rgb: 174, 158, 135;
$riverbank-light: mix(#fff, $riverbank, 20%);
$riverbank-dark: mix(#000, $riverbank, 20%);
.element {
color: $riverbank;
box-shadow: 0 0 0 2px rgba($riverbank, 0.35);
}