最も近い色名 · #B1B395
#B1B395
最も近い色名: Quiet Thicket
#B1B395（rgb(177 179 149)、hsl(64 16% 64%)、oklch(0.757 0.041 110.5)）に最も近い色名はQuiet Thicketです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B1B395
oklch(0.757 0.041 110.5)
カラー変換
- HEX
- #b1b395
- RGB
- rgb(177 179 149)
- HSL
- hsl(64 16% 64%)
- HWB
- hwb(64 58% 30%)
- OKLCH
- oklch(0.757 0.041 110.5)
- OKLab
- oklab(0.757 -0.015 0.039)
- CIE Lab
- lab(72.18 -4.6 15.15)
- LCH
- lch(72.18 15.83 106.9)
- CMYK
- cmyk(1% 0% 17% 30%)
ティント · シェード · トーン
ティント
- B9BA9F
- C0C2AA
- C8C9B4
- CFD1BF
- D7D8C9
- DFE0D4
- E7E8DE
- EFEFE9
- F7F7F4
シェード
- 999B81
- 83846D
- 6C6E5A
- 575848
- 424337
- 2F2F26
- 1C1D16
- 0C0C08
- 010101
トーン
- ACAE93
- A7A991
- A2A38F
- 9D9E8D
- 98998B
- 939489
- 8E8F87
- 8A8A84
- 858582
カラーハーモニー
補色 +180°
- B1B395
Quiet Thicket
- AFACC9
≈ Lavender Dream
類似色 -30° +30°
- B1B395
Quiet Thicket
- BEAE93
≈ Mocha Cake
- A3B79E
≈ Salvia
トライアド +120° +240°
- B1B395
Quiet Thicket
- 96B6C6
≈ Respite
- C6A6B4
≈ Pansy Posie
スプリットコンプリメンタリー +150° +210°
- B1B395
Quiet Thicket
- A1B1CB
≈ Aerial View
- BDA8C1
≈ Fair Orchid
テトラード +90° +180° +270°
- B1B395
Quiet Thicket
- 92B9BB
≈ Watchet
- AFACC9
≈ Lavender Dream
- C9A6A5
≈ Parfait
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.15:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.75:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--quiet-thicket: #b1b395;
--quiet-thicket-rgb: 177 179 149;
--quiet-thicket-oklch: oklch(0.757 0.041 110.5);
}
.element {
color: var(--quiet-thicket);
background-color: hsl(64 16% 64%);
border-color: oklch(0.757 0.041 110.5);
}Tailwind CSS v4
@theme {
--color-quiet-thicket: #b1b395;
--color-quiet-thicket-50: #f5f7e9;
--color-quiet-thicket-100: #e8eada;
--color-quiet-thicket-200: #d4d6c2;
--color-quiet-thicket-300: #b7baa2;
--color-quiet-thicket-400: #9fa185;
--color-quiet-thicket-500: #878969;
--color-quiet-thicket-600: #727459;
--color-quiet-thicket-700: #5b5d47;
--color-quiet-thicket-800: #434433;
--color-quiet-thicket-900: #2f2f23;
--color-quiet-thicket-950: #1b1b12;
}SCSS
$quiet-thicket: #b1b395;
$quiet-thicket-rgb: 177, 179, 149;
$quiet-thicket-light: mix(#fff, $quiet-thicket, 20%);
$quiet-thicket-dark: mix(#000, $quiet-thicket, 20%);
.element {
color: $quiet-thicket;
box-shadow: 0 0 0 2px rgba($quiet-thicket, 0.35);
}