Adlandırılmış renk · #D2D8B5
Prairie Willow
Prairie Willow, #D2D8B5: rgb(210 216 181), hsl(70 31% 78%), oklch(0.868 0.047 115.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Prairie Willow color name →
#D2D8B5
oklch(0.868 0.047 115.3)
Renk dönüşümleri
- HEX
- #d2d8b5
- RGB
- rgb(210 216 181)
- HSL
- hsl(70 31% 78%)
- HWB
- hwb(70 71% 15%)
- OKLCH
- oklch(0.868 0.047 115.3)
- OKLab
- oklab(0.868 -0.02 0.043)
- CIE Lab
- lab(85.18 -6.54 16.61)
- LCH
- lch(85.18 17.85 111.5)
- CMYK
- cmyk(3% 0% 16% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6DCBC
- DBE0C4
- DFE4CB
- E4E8D2
- E8EBDA
- EDEFE1
- F1F3E9
- F6F7F0
- FAFBF8
Koyu tonlar
- B6BC9D
- 9BA086
- 81856F
- 686B59
- 505344
- 393B30
- 24251D
- 10110C
- 020202
Gri tonlar
- C9CFB0
- C1C6AA
- B9BDA5
- B0B4A0
- A8AB9A
- A0A295
- 989A90
- 90918B
- 888885
Renk uyumları
Tamamlayıcı +180°
- D2D8B5
Prairie Willow
- D6CEF0
≈ Plum’s the Word
Analog -30° +30°
- D2D8B5
Prairie Willow
- E2D2B1
≈ Corinthian Pillar
- C1DDC1
≈ Soft Grass
Üçlü +120° +240°
- D2D8B5
Prairie Willow
- B7D9EF
≈ Blue Rice
- EEC8D5
≈ Pale Primrose
Bölünmüş tamamlayıcı +150° +210°
- D2D8B5
Prairie Willow
- C5D4F4
≈ Frozen Periwinkle
- E4CAE5
≈ Syrian Violet
Dörtlü +90° +180° +270°
- D2D8B5
Prairie Willow
- B0DDE3
≈ Sky Cloud
- D6CEF0
≈ Plum’s the Word
- F2C8C4
≈ Sonia Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.47:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.22:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--prairie-willow: #d2d8b5;
--prairie-willow-rgb: 210 216 181;
--prairie-willow-oklch: oklch(0.868 0.047 115.3);
}
.element {
color: var(--prairie-willow);
background-color: hsl(70 31% 78%);
border-color: oklch(0.868 0.047 115.3);
}Tailwind CSS v4
@theme {
--color-prairie-willow: #d2d8b5;
--color-prairie-willow-50: #f4f7e8;
--color-prairie-willow-100: #e6ead9;
--color-prairie-willow-200: #d2d7c1;
--color-prairie-willow-300: #b5bba0;
--color-prairie-willow-400: #9da283;
--color-prairie-willow-500: #858a66;
--color-prairie-willow-600: #707557;
--color-prairie-willow-700: #5a5e45;
--color-prairie-willow-800: #424431;
--color-prairie-willow-900: #2e2f22;
--color-prairie-willow-950: #1a1c11;
}SCSS
$prairie-willow: #d2d8b5;
$prairie-willow-rgb: 210, 216, 181;
$prairie-willow-light: mix(#fff, $prairie-willow, 20%);
$prairie-willow-dark: mix(#000, $prairie-willow, 20%);
.element {
color: $prairie-willow;
box-shadow: 0 0 0 2px rgba($prairie-willow, 0.35);
}