色名 · #B6A591
Façade
Façadeは#B6A591：rgb(182 165 145)、hsl(32 20% 64%)、oklch(0.731 0.034 71.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Façade color name →
#B6A591
oklch(0.731 0.034 71.8)
カラー変換
- HEX
- #b6a591
- RGB
- rgb(182 165 145)
- HSL
- hsl(32 20% 64%)
- HWB
- hwb(32 57% 29%)
- OKLCH
- oklch(0.731 0.034 71.8)
- OKLab
- oklab(0.731 0.011 0.033)
- CIE Lab
- lab(68.82 3.96 12.77)
- LCH
- lch(68.82 13.37 72.8)
- CMYK
- cmyk(0% 9% 20% 29%)
ティント · シェード · トーン
ティント
- BDAE9C
- C4B6A6
- CCBFB1
- D3C8BC
- DAD1C7
- E1DAD2
- E9E3DD
- F0ECE8
- F8F6F4
シェード
- 9E8F7D
- 86796A
- 6F6558
- 595146
- 443D35
- 302B25
- 1D1A15
- 0C0A07
- 020101
トーン
- B0A18F
- AB9E8E
- A69A8C
- A0968A
- 9B9289
- 958F87
- 908B85
- 8B8784
- 858482
カラーハーモニー
補色 +180°
- B6A591
Façade
- 99AABE
≈ Lead Ore
類似色 -30° +30°
- B6A591
Façade
- BCA198
≈ Cocoa Craving
- ACA991
≈ Elder Creek
トライアド +120° +240°
- B6A591
Façade
- 90AFAD
≈ Jitterbug Lure
- AFA2B8
≈ Obi Lilac
スプリットコンプリメンタリー +150° +210°
- B6A591
Façade
- 91ADB8
≈ Showcase Blue
- A4A6BE
≈ Canyon Mist
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.39:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.77:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--facade: #b6a591;
--facade-rgb: 182 165 145;
--facade-oklch: oklch(0.731 0.034 71.8);
}
.element {
color: var(--facade);
background-color: hsl(32 20% 64%);
border-color: oklch(0.731 0.034 71.8);
}Tailwind CSS v4
@theme {
--color-facade: #b6a591;
--color-facade-50: #fbf4eb;
--color-facade-100: #efe6dc;
--color-facade-200: #ddd2c5;
--color-facade-300: #c2b5a5;
--color-facade-400: #ac9c89;
--color-facade-500: #95836e;
--color-facade-600: #7e6f5d;
--color-facade-700: #65594a;
--color-facade-800: #4a4036;
--color-facade-900: #342c25;
--color-facade-950: #1f1913;
}SCSS
$facade: #b6a591;
$facade-rgb: 182, 165, 145;
$facade-light: mix(#fff, $facade, 20%);
$facade-dark: mix(#000, $facade, 20%);
.element {
color: $facade;
box-shadow: 0 0 0 2px rgba($facade, 0.35);
}