色名 · #B0B8AA
Dewkissed Rain
Dewkissed Rainは#B0B8AA：rgb(176 184 170)、hsl(94 9% 69%)、oklch(0.772 0.021 131.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Dewkissed Rain color name →
#B0B8AA
oklch(0.772 0.021 131.5)
カラー変換
- HEX
- #b0b8aa
- RGB
- rgb(176 184 170)
- HSL
- hsl(94 9% 69%)
- HWB
- hwb(94 67% 28%)
- OKLCH
- oklch(0.772 0.021 131.5)
- OKLab
- oklab(0.772 -0.014 0.016)
- CIE Lab
- lab(73.84 -4.83 6.13)
- LCH
- lch(73.84 7.8 128.2)
- CMYK
- cmyk(4% 0% 8% 28%)
ティント · シェード · トーン
ティント
- B8BFB2
- BFC6BB
- C7CDC3
- CFD4CB
- D7DBD4
- DFE2DC
- E7E9E5
- EFF0EE
- F7F8F6
シェード
- 99A093
- 82887D
- 6C7168
- 565B53
- 42453F
- 2E312D
- 1C1E1B
- 0B0C0B
- 010201
トーン
- ABB2A6
- A6ADA1
- A1A79D
- 9CA199
- 989C95
- 939691
- 8E908C
- 898B88
- 858584
カラーハーモニー
補色 +180°
- B0B8AA
Dewkissed Rain
- B9B1BF
≈ Titmouse Grey
類似色 -30° +30°
- B0B8AA
Dewkissed Rain
- B7B6A6
≈ Shell Walk
- AAB9B1
≈ Quiet Teal
トライアド +120° +240°
- B0B8AA
Dewkissed Rain
- ABB6C3
≈ Bluebeard
- C2B0B1
≈ Milky Skies
スプリットコンプリメンタリー +150° +210°
- B0B8AA
Dewkissed Rain
- B2B4C3
≈ Fading Sunset
- BFB0B9
≈ Velvet Dawn
テトラード +90° +180° +270°
- B0B8AA
Dewkissed Rain
- A7B8BF
≈ Languid Blue
- B9B1BF
≈ Titmouse Grey
- C2B1AB
≈ Artistic Taupe
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.04:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.28:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--dewkissed-rain: #b0b8aa;
--dewkissed-rain-rgb: 176 184 170;
--dewkissed-rain-oklch: oklch(0.772 0.021 131.5);
}
.element {
color: var(--dewkissed-rain);
background-color: hsl(94 9% 69%);
border-color: oklch(0.772 0.021 131.5);
}Tailwind CSS v4
@theme {
--color-dewkissed-rain: #b0b8aa;
--color-dewkissed-rain-50: #f3f7f0;
--color-dewkissed-rain-100: #e5e9e2;
--color-dewkissed-rain-200: #d1d6cd;
--color-dewkissed-rain-300: #b3baaf;
--color-dewkissed-rain-400: #9aa194;
--color-dewkissed-rain-500: #81897b;
--color-dewkissed-rain-600: #6d7468;
--color-dewkissed-rain-700: #575d53;
--color-dewkissed-rain-800: #40443c;
--color-dewkissed-rain-900: #2c2f29;
--color-dewkissed-rain-950: #191b17;
}SCSS
$dewkissed-rain: #b0b8aa;
$dewkissed-rain-rgb: 176, 184, 170;
$dewkissed-rain-light: mix(#fff, $dewkissed-rain, 20%);
$dewkissed-rain-dark: mix(#000, $dewkissed-rain, 20%);
.element {
color: $dewkissed-rain;
box-shadow: 0 0 0 2px rgba($dewkissed-rain, 0.35);
}