色名 · #BCBAAB
Greenwood
Greenwoodは#BCBAAB：rgb(188 186 171)、hsl(53 11% 70%)、oklch(0.786 0.021 100.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Greenwood color name →
#BCBAAB
oklch(0.786 0.021 100.7)
カラー変換
- HEX
- #bcbaab
- RGB
- rgb(188 186 171)
- HSL
- hsl(53 11% 70%)
- HWB
- hwb(53 67% 26%)
- OKLCH
- oklch(0.786 0.021 100.7)
- OKLab
- oklab(0.786 -0.004 0.021)
- CIE Lab
- lab(75.36 -1.25 7.9)
- LCH
- lch(75.36 8 99)
- CMYK
- cmyk(0% 1% 9% 26%)
ティント · シェード · トーン
ティント
- C3C1B3
- C9C7BB
- D0CEC4
- D6D5CC
- DDDCD4
- E4E3DD
- EAEAE5
- F1F1EE
- F8F8F6
シェード
- A3A194
- 8B897E
- 737268
- 5D5C54
- 474640
- 32322D
- 1F1E1B
- 0D0D0B
- 020201
トーン
- B6B4A7
- B0AEA2
- AAA89E
- A3A29A
- 9D9D95
- 979791
- 92918D
- 8C8B88
- 868684
カラーハーモニー
補色 +180°
- BCBAAB
Greenwood
- B6B8C7
≈ Cosmic
類似色 -30° +30°
- BCBAAB
Greenwood
- C2B7AB
≈ Versatile Taupe
- B5BCAF
≈ Cedar Mill
トライアド +120° +240°
- BCBAAB
Greenwood
- ACBDC3
≈ Blue Heather
- C3B4BD
≈ Blossom Powder
スプリットコンプリメンタリー +150° +210°
- BCBAAB
Greenwood
- B0BBC7
≈ Spirit
- BEB6C4
≈ Perplexed
テトラード +90° +180° +270°
- BCBAAB
Greenwood
- ABBEBC
≈ Rain
- B6B8C7
≈ Cosmic
- C6B4B6
≈ Rosy Linen
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.95:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.74:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--greenwood: #bcbaab;
--greenwood-rgb: 188 186 171;
--greenwood-oklch: oklch(0.786 0.021 100.7);
}
.element {
color: var(--greenwood);
background-color: hsl(53 11% 70%);
border-color: oklch(0.786 0.021 100.7);
}Tailwind CSS v4
@theme {
--color-greenwood: #bcbaab;
--color-greenwood-50: #f6f5ef;
--color-greenwood-100: #e9e8e0;
--color-greenwood-200: #d6d5cb;
--color-greenwood-300: #b9b8ac;
--color-greenwood-400: #a19f91;
--color-greenwood-500: #898777;
--color-greenwood-600: #747265;
--color-greenwood-700: #5d5b51;
--color-greenwood-800: #44433a;
--color-greenwood-900: #2f2e28;
--color-greenwood-950: #1c1b16;
}SCSS
$greenwood: #bcbaab;
$greenwood-rgb: 188, 186, 171;
$greenwood-light: mix(#fff, $greenwood, 20%);
$greenwood-dark: mix(#000, $greenwood, 20%);
.element {
color: $greenwood;
box-shadow: 0 0 0 2px rgba($greenwood, 0.35);
}