色名 · #968775
Bedbox
Bedboxは#968775：rgb(150 135 117)、hsl(33 14% 52%)、oklch(0.632 0.032 72.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Bedbox color name →
#968775
oklch(0.632 0.032 72.2)
カラー変換
- HEX
- #968775
- RGB
- rgb(150 135 117)
- HSL
- hsl(33 14% 52%)
- HWB
- hwb(33 46% 41%)
- OKLCH
- oklch(0.632 0.032 72.2)
- OKLab
- oklab(0.632 0.01 0.03)
- CIE Lab
- lab(57.3 3.61 11.89)
- LCH
- lch(57.3 12.43 73.1)
- CMYK
- cmyk(0% 10% 22% 41%)
ティント · シェード · トーン
ティント
- A09282
- AA9E8F
- B5AA9D
- BFB5AA
- C9C1B8
- D4CDC6
- DFDAD4
- E9E6E2
- F4F2F0
シェード
- 827565
- 6E6355
- 5B5146
- 494137
- 373129
- 26211C
- 16130F
- 080605
- 010101
トーン
- 948676
- 928677
- 8F8578
- 8D847A
- 8B847B
- 89837C
- 87827D
- 84817E
- 82817F
カラーハーモニー
補色 +180°
- 968775
Bedbox
- 7C8B9D
≈ Lucid Blue
類似色 -30° +30°
- 968775
Bedbox
- 9B847B
≈ Antique Bear
- 8D8B75
≈ Dry Sage
トライアド +120° +240°
- 968775
Bedbox
- 74908F
≈ Juniper
- 908498
≈ Purple Ash
スプリットコンプリメンタリー +150° +210°
- 968775
Bedbox
- 758E98
≈ Sheltered Bay
- 86889D
≈ Mandrake
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.48:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.01:1 · APCA Lc 39
最適な文字色: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--bedbox: #968775;
--bedbox-rgb: 150 135 117;
--bedbox-oklch: oklch(0.632 0.032 72.2);
}
.element {
color: var(--bedbox);
background-color: hsl(33 14% 52%);
border-color: oklch(0.632 0.032 72.2);
}Tailwind CSS v4
@theme {
--color-bedbox: #968775;
--color-bedbox-50: #fbf4eb;
--color-bedbox-100: #eee7dd;
--color-bedbox-200: #ddd3c6;
--color-bedbox-300: #c1b5a6;
--color-bedbox-400: #aa9c8a;
--color-bedbox-500: #94836f;
--color-bedbox-600: #7d6f5f;
--color-bedbox-700: #64594b;
--color-bedbox-800: #4a4137;
--color-bedbox-900: #332d25;
--color-bedbox-950: #1f1a14;
}SCSS
$bedbox: #968775;
$bedbox-rgb: 150, 135, 117;
$bedbox-light: mix(#fff, $bedbox, 20%);
$bedbox-dark: mix(#000, $bedbox, 20%);
.element {
color: $bedbox;
box-shadow: 0 0 0 2px rgba($bedbox, 0.35);
}