Adlandırılmış renk · #D0D0C9
Silken Pebble
Silken Pebble, #D0D0C9: rgb(208 208 201), hsl(60 7% 80%), oklch(0.856 0.01 106.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Silken Pebble color name →
#D0D0C9
oklch(0.856 0.01 106.6)
Renk dönüşümleri
- HEX
- #d0d0c9
- RGB
- rgb(208 208 201)
- HSL
- hsl(60 7% 80%)
- HWB
- hwb(60 79% 18%)
- OKLCH
- oklch(0.856 0.01 106.6)
- OKLab
- oklab(0.856 -0.003 0.009)
- CIE Lab
- lab(83.33 -0.93 3.49)
- LCH
- lch(83.33 3.61 105)
- CMYK
- cmyk(0% 0% 3% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D5D5CE
- D9D9D4
- DEDED9
- E3E3DE
- E7E7E4
- ECECE9
- F1F1EF
- F5F5F4
- FAFAF9
Koyu tonlar
- B5B5AE
- 9A9A95
- 80807C
- 676764
- 4F4F4C
- 393936
- 232322
- 10100F
- 020202
Gri tonlar
- C8C8C1
- BFBFBA
- B7B7B2
- AFAFAB
- A7A7A4
- 9F9F9C
- 979795
- 8F8F8E
- 888887
Renk uyumları
Tamamlayıcı +180°
- D0D0C9
Silken Pebble
- CFCFD6
≈ Ash Tree Bark
Analog -30° +30°
- D0D0C9
Silken Pebble
- D3CFC9
≈ Polar Fox
- CDD1CB
≈ Moorstone
Üçlü +120° +240°
- D0D0C9
Silken Pebble
- C9D1D4
≈ Salina Springs
- D5CDD1
≈ Coverts Wood Pigeon
Bölünmüş tamamlayıcı +150° +210°
- D0D0C9
Silken Pebble
- CCD0D6
≈ Light Starlight
- D2CED4
≈ Coverts Wood Pigeon
Dörtlü +90° +180° +270°
- D0D0C9
Silken Pebble
- C9D2D1
≈ Killer Fog
- CFCFD6
≈ Ash Tree Bark
- D6CDCD
≈ Lilac Ash
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.55:1 · APCA Lc 25
Ag
AAASiyah üzerinde
WCAG 13.54:1 · APCA Lc 78
En iyi metin rengi: #000000
WCAG 13.54:1 (AAA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--silken-pebble: #d0d0c9;
--silken-pebble-rgb: 208 208 201;
--silken-pebble-oklch: oklch(0.856 0.01 106.6);
}
.element {
color: var(--silken-pebble);
background-color: hsl(60 7% 80%);
border-color: oklch(0.856 0.01 106.6);
}Tailwind CSS v4
@theme {
--color-silken-pebble: #d0d0c9;
--color-silken-pebble-50: #f5f5f2;
--color-silken-pebble-100: #e8e8e4;
--color-silken-pebble-200: #d4d4d0;
--color-silken-pebble-300: #b8b8b2;
--color-silken-pebble-400: #9f9f98;
--color-silken-pebble-500: #878780;
--color-silken-pebble-600: #72726c;
--color-silken-pebble-700: #5b5b56;
--color-silken-pebble-800: #43433f;
--color-silken-pebble-900: #2e2e2b;
--color-silken-pebble-950: #1b1b19;
}SCSS
$silken-pebble: #d0d0c9;
$silken-pebble-rgb: 208, 208, 201;
$silken-pebble-light: mix(#fff, $silken-pebble, 20%);
$silken-pebble-dark: mix(#000, $silken-pebble, 20%);
.element {
color: $silken-pebble;
box-shadow: 0 0 0 2px rgba($silken-pebble, 0.35);
}