色名 · #DBD5CA
Pebbled Shore
Pebbled Shoreは#DBD5CA：rgb(219 213 202)、hsl(39 19% 83%)、oklch(0.875 0.016 82.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Pebbled Shore color name →
#DBD5CA
oklch(0.875 0.016 82.8)
カラー変換
- HEX
- #dbd5ca
- RGB
- rgb(219 213 202)
- HSL
- hsl(39 19% 83%)
- HWB
- hwb(39 79% 14%)
- OKLCH
- oklch(0.875 0.016 82.8)
- OKLab
- oklab(0.875 0.002 0.016)
- CIE Lab
- lab(85.53 0.72 6.23)
- LCH
- lch(85.53 6.27 83.4)
- CMYK
- cmyk(0% 3% 8% 14%)
ティント · シェード · トーン
ティント
- DFD9CF
- E2DDD4
- E6E1DA
- E9E6DF
- EDEAE4
- F0EEEA
- F4F2EF
- F8F6F4
- FBFBFA
シェード
- BEB9AF
- A29E95
- 87837C
- 6D6A64
- 54514D
- 3C3A37
- 262422
- 11100F
- 020202
トーン
- D2CCC2
- C8C3BB
- BFBBB3
- B6B2AC
- ACAAA4
- A3A19D
- 9A9996
- 91908E
- 898887
カラーハーモニー
補色 +180°
- DBD5CA
Pebbled Shore
- D0D6E1
≈ Hint of Violet
類似色 -30° +30°
- DBD5CA
Pebbled Shore
- DFD3CC
≈ Vision of Light
- D5D7CB
≈ Ancient Kingdom
トライアド +120° +240°
- DBD5CA
Pebbled Shore
- CAD9DA
≈ Cosmic Ray
- DBD2DC
≈ Spun Moonbeams
スプリットコンプリメンタリー +150° +210°
- DBD5CA
Pebbled Shore
- CCD8DF
≈ Poppy’s Whiskers
- D6D4E0
≈ Light Amourette
テトラード +90° +180° +270°
- DBD5CA
Pebbled Shore
- CCD9D5
≈ Sea Haze Grey
- D0D6E1
≈ Hint of Violet
- DFD2D7
≈ Secret Blush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.38:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.38:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--pebbled-shore: #dbd5ca;
--pebbled-shore-rgb: 219 213 202;
--pebbled-shore-oklch: oklch(0.875 0.016 82.8);
}
.element {
color: var(--pebbled-shore);
background-color: hsl(39 19% 83%);
border-color: oklch(0.875 0.016 82.8);
}Tailwind CSS v4
@theme {
--color-pebbled-shore: #dbd5ca;
--color-pebbled-shore-50: #f7f5f0;
--color-pebbled-shore-100: #eae7e2;
--color-pebbled-shore-200: #d7d4cd;
--color-pebbled-shore-300: #bbb7ae;
--color-pebbled-shore-400: #a39e94;
--color-pebbled-shore-500: #8b857a;
--color-pebbled-shore-600: #767168;
--color-pebbled-shore-700: #5e5a53;
--color-pebbled-shore-800: #45423c;
--color-pebbled-shore-900: #302d29;
--color-pebbled-shore-950: #1c1a17;
}SCSS
$pebbled-shore: #dbd5ca;
$pebbled-shore-rgb: 219, 213, 202;
$pebbled-shore-light: mix(#fff, $pebbled-shore, 20%);
$pebbled-shore-dark: mix(#000, $pebbled-shore, 20%);
.element {
color: $pebbled-shore;
box-shadow: 0 0 0 2px rgba($pebbled-shore, 0.35);
}