色名 · #D7D9D5
Quiet Dew
Quiet Dewは#D7D9D5：rgb(215 217 213)、hsl(90 5% 84%)、oklch(0.883 0.006 128.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Quiet Dew color name →
#D7D9D5
oklch(0.883 0.006 128.5)
カラー変換
- HEX
- #d7d9d5
- RGB
- rgb(215 217 213)
- HSL
- hsl(90 5% 84%)
- HWB
- hwb(90 84% 15%)
- OKLCH
- oklch(0.883 0.006 128.5)
- OKLab
- oklab(0.883 -0.004 0.005)
- CIE Lab
- lab(86.45 -1.24 1.72)
- LCH
- lch(86.45 2.12 125.7)
- CMYK
- cmyk(1% 0% 2% 15%)
ティント · シェード · トーン
ティント
- DBDDD9
- DFE1DD
- E3E4E1
- E7E8E6
- EBECEA
- EFF0EE
- F3F3F2
- F7F7F6
- FBFBFB
シェード
- BBBCB9
- 9FA19E
- 858683
- 6B6C6A
- 525351
- 3B3B3A
- 252524
- 111110
- 020202
トーン
- CED0CC
- C5C7C3
- BCBDBB
- B3B4B2
- AAABAA
- A2A3A1
- 999A99
- 919190
- 888888
カラーハーモニー
補色 +180°
- D7D9D5
Quiet Dew
- D9D7DB
≈ Sunny Pavement
類似色 -30° +30°
- D7D9D5
Quiet Dew
- D9D8D4
≈ Whispering Smoke
- D5D9D7
≈ Tundra
トライアド +120° +240°
- D7D9D5
Quiet Dew
- D5D9DC
≈ Rinse
- DCD7D7
≈ Go to Grey
スプリットコンプリメンタリー +150° +210°
- D7D9D5
Quiet Dew
- D7D8DC
≈ Mais Oui
- DBD7D9
≈ Creek Pebble
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.42:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.77:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.77:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--quiet-dew: #d7d9d5;
--quiet-dew-rgb: 215 217 213;
--quiet-dew-oklch: oklch(0.883 0.006 128.5);
}
.element {
color: var(--quiet-dew);
background-color: hsl(90 5% 84%);
border-color: oklch(0.883 0.006 128.5);
}Tailwind CSS v4
@theme {
--color-quiet-dew: #d7d9d5;
--color-quiet-dew-50: #f4f5f4;
--color-quiet-dew-100: #e7e8e6;
--color-quiet-dew-200: #d3d5d2;
--color-quiet-dew-300: #b6b8b5;
--color-quiet-dew-400: #9d9f9b;
--color-quiet-dew-500: #858783;
--color-quiet-dew-600: #70726f;
--color-quiet-dew-700: #5a5b59;
--color-quiet-dew-800: #424341;
--color-quiet-dew-900: #2d2e2c;
--color-quiet-dew-950: #1a1b1a;
}SCSS
$quiet-dew: #d7d9d5;
$quiet-dew-rgb: 215, 217, 213;
$quiet-dew-light: mix(#fff, $quiet-dew, 20%);
$quiet-dew-dark: mix(#000, $quiet-dew, 20%);
.element {
color: $quiet-dew;
box-shadow: 0 0 0 2px rgba($quiet-dew, 0.35);
}