色名 · #B09691
Shadow Grey
Shadow Greyは#B09691：rgb(176 150 145)、hsl(10 16% 63%)、oklch(0.695 0.032 30.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Shadow Grey color name →
#B09691
oklch(0.695 0.032 30.7)
カラー変換
- HEX
- #b09691
- RGB
- rgb(176 150 145)
- HSL
- hsl(10 16% 63%)
- HWB
- hwb(10 57% 31%)
- OKLCH
- oklch(0.695 0.032 30.7)
- OKLab
- oklab(0.695 0.028 0.016)
- CIE Lab
- lab(64.35 9.38 6.43)
- LCH
- lch(64.35 11.37 34.4)
- CMYK
- cmyk(0% 15% 18% 31%)
ティント · シェード · トーン
ティント
- B8A09B
- C0AAA6
- C7B5B1
- CFBFBC
- D7C9C7
- DFD4D2
- E7DFDD
- EFE9E8
- F7F4F4
シェード
- 99827D
- 826E6A
- 6C5B58
- 564946
- 423735
- 2E2625
- 1C1615
- 0B0807
- 010101
トーン
- AB948F
- A6928E
- A28F8C
- 9D8D8A
- 988B89
- 938987
- 8E8785
- 8A8483
- 858282
カラーハーモニー
補色 +180°
- B09691
Shadow Grey
- 87A3A8
≈ Iron Earth
類似色 -30° +30°
- B09691
Shadow Grey
- AF959C
≈ Legendary Lilac
- AC9989
≈ Threshold Taupe
トライアド +120° +240°
- B09691
Shadow Grey
- 8FA393
≈ Wintessa
- 959CB1
≈ Bay Fog
スプリットコンプリメンタリー +150° +210°
- B09691
Shadow Grey
- 88A49E
≈ Venus Teal
- 8CA0AF
≈ Qiān Hūi Grey
テトラード +90° +180° +270°
- B09691
Shadow Grey
- 9AA08A
≈ Bitter Sage
- 87A3A8
≈ Iron Earth
- A099AE
≈ Lavender Aura
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.75:1 · APCA Lc 53
Ag
AAA黒の上
WCAG 7.61:1 · APCA Lc 49
最適な文字色: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
コードスニペット
CSS
:root {
--shadow-grey: #b09691;
--shadow-grey-rgb: 176 150 145;
--shadow-grey-oklch: oklch(0.695 0.032 30.7);
}
.element {
color: var(--shadow-grey);
background-color: hsl(10 16% 63%);
border-color: oklch(0.695 0.032 30.7);
}Tailwind CSS v4
@theme {
--color-shadow-grey: #b09691;
--color-shadow-grey-50: #fef2ef;
--color-shadow-grey-100: #f2e4e1;
--color-shadow-grey-200: #e2d0cc;
--color-shadow-grey-300: #c7b2ad;
--color-shadow-grey-400: #b19893;
--color-shadow-grey-500: #9a7f79;
--color-shadow-grey-600: #836b67;
--color-shadow-grey-700: #695652;
--color-shadow-grey-800: #4d3e3c;
--color-shadow-grey-900: #352b29;
--color-shadow-grey-950: #211817;
}SCSS
$shadow-grey: #b09691;
$shadow-grey-rgb: 176, 150, 145;
$shadow-grey-light: mix(#fff, $shadow-grey, 20%);
$shadow-grey-dark: mix(#000, $shadow-grey, 20%);
.element {
color: $shadow-grey;
box-shadow: 0 0 0 2px rgba($shadow-grey, 0.35);
}