Adlandırılmış renk · #D1CDBF
Sedate Grey
Sedate Grey, #D1CDBF: rgb(209 205 191), hsl(47 16% 78%), oklch(0.848 0.02 93.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Sedate Grey color name →
#D1CDBF
oklch(0.848 0.02 93.7)
Renk dönüşümleri
- HEX
- #d1cdbf
- RGB
- rgb(209 205 191)
- HSL
- hsl(47 16% 78%)
- HWB
- hwb(47 75% 18%)
- OKLCH
- oklch(0.848 0.02 93.7)
- OKLab
- oklab(0.848 -0.001 0.02)
- CIE Lab
- lab(82.44 -0.38 7.51)
- LCH
- lch(82.44 7.52 92.9)
- CMYK
- cmyk(0% 2% 9% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6D2C5
- DAD7CC
- DFDCD2
- E3E1D8
- E8E6DF
- ECEBE5
- F1F0EC
- F6F5F2
- FAFAF8
Koyu tonlar
- B5B2A6
- 9B988D
- 817E75
- 68665E
- 504E48
- 393833
- 23231F
- 100F0D
- 020202
Gri tonlar
- C9C5B9
- C0BDB2
- B8B5AC
- B0ADA5
- A8A69F
- A09E99
- 989692
- 908F8C
- 888786
Renk uyumları
Tamamlayıcı +180°
- D1CDBF
Sedate Grey
- C9CCDA
≈ Winter’s Fury
Analog -30° +30°
- D1CDBF
Sedate Grey
- D7CBC0
≈ In the Buff
- CACFC2
≈ Harp
Üçlü +120° +240°
- D1CDBF
Sedate Grey
- BFD1D5
≈ Windy
- D5C8D2
≈ Orchid Tint
Bölünmüş tamamlayıcı +150° +210°
- D1CDBF
Sedate Grey
- C3CFD9
≈ Illusion Blue
- CFCAD8
≈ Diaphanous
Dörtlü +90° +180° +270°
- D1CDBF
Sedate Grey
- C0D1CE
≈ Icy Waterfall
- C9CCDA
≈ Winter’s Fury
- D9C8CB
≈ Light Pink Polar
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.59:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.19:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--sedate-grey: #d1cdbf;
--sedate-grey-rgb: 209 205 191;
--sedate-grey-oklch: oklch(0.848 0.02 93.7);
}
.element {
color: var(--sedate-grey);
background-color: hsl(47 16% 78%);
border-color: oklch(0.848 0.02 93.7);
}Tailwind CSS v4
@theme {
--color-sedate-grey: #d1cdbf;
--color-sedate-grey-50: #f7f5ef;
--color-sedate-grey-100: #eae8e1;
--color-sedate-grey-200: #d6d4cb;
--color-sedate-grey-300: #bab7ac;
--color-sedate-grey-400: #a29e92;
--color-sedate-grey-500: #8a8678;
--color-sedate-grey-600: #757266;
--color-sedate-grey-700: #5e5b51;
--color-sedate-grey-800: #45423b;
--color-sedate-grey-900: #2f2e28;
--color-sedate-grey-950: #1c1b16;
}SCSS
$sedate-grey: #d1cdbf;
$sedate-grey-rgb: 209, 205, 191;
$sedate-grey-light: mix(#fff, $sedate-grey, 20%);
$sedate-grey-dark: mix(#000, $sedate-grey, 20%);
.element {
color: $sedate-grey;
box-shadow: 0 0 0 2px rgba($sedate-grey, 0.35);
}