色名 · #B7B698
Disguise
Disguiseは#B7B698：rgb(183 182 152)、hsl(58 18% 66%)、oklch(0.769 0.041 105.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Disguise color name →
#B7B698
oklch(0.769 0.041 105.8)
カラー変換
- HEX
- #b7b698
- RGB
- rgb(183 182 152)
- HSL
- hsl(58 18% 66%)
- HWB
- hwb(58 60% 28%)
- OKLCH
- oklch(0.769 0.041 105.8)
- OKLab
- oklab(0.769 -0.011 0.04)
- CIE Lab
- lab(73.53 -3.44 15.49)
- LCH
- lch(73.53 15.86 102.5)
- CMYK
- cmyk(0% 1% 17% 28%)
ティント · シェード · トーン
ティント
- BEBDA2
- C5C4AC
- CCCCB6
- D3D3C0
- DADACB
- E2E1D5
- E9E9DF
- F0F0EA
- F8F8F4
シェード
- 9F9E84
- 878670
- 706F5C
- 5A594A
- 454438
- 313027
- 1E1D17
- 0C0C08
- 020201
トーン
- B1B096
- ACAB93
- A6A691
- A1A08F
- 9B9B8C
- 96958A
- 909087
- 8B8B85
- 858582
カラーハーモニー
補色 +180°
- B7B698
Disguise
- B1B1CE
≈ Lavender Dream
類似色 -30° +30°
- B7B698
Disguise
- C4B197
≈ Tender Taupe
- A9BAA0
≈ Laurel Green
トライアド +120° +240°
- B7B698
Disguise
- 99BAC8
≈ Sydney Harbour
- C8AABA
≈ Fragrant Lilac
スプリットコンプリメンタリー +150° +210°
- B7B698
Disguise
- A3B6CF
≈ Minuet
- BEACC6
≈ Fancy Pansy
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.15:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--disguise: #b7b698;
--disguise-rgb: 183 182 152;
--disguise-oklch: oklch(0.769 0.041 105.8);
}
.element {
color: var(--disguise);
background-color: hsl(58 18% 66%);
border-color: oklch(0.769 0.041 105.8);
}Tailwind CSS v4
@theme {
--color-disguise: #b7b698;
--color-disguise-50: #f6f6e9;
--color-disguise-100: #e9e9da;
--color-disguise-200: #d6d6c2;
--color-disguise-300: #b9b9a1;
--color-disguise-400: #a1a084;
--color-disguise-500: #898869;
--color-disguise-600: #747359;
--color-disguise-700: #5d5c47;
--color-disguise-800: #454333;
--color-disguise-900: #2f2e22;
--color-disguise-950: #1c1b12;
}SCSS
$disguise: #b7b698;
$disguise-rgb: 183, 182, 152;
$disguise-light: mix(#fff, $disguise, 20%);
$disguise-dark: mix(#000, $disguise, 20%);
.element {
color: $disguise;
box-shadow: 0 0 0 2px rgba($disguise, 0.35);
}