Adlandırılmış renk · #DBCDAD
Cotswold Dill
Cotswold Dill, #DBCDAD: rgb(219 205 173), hsl(42 39% 77%), oklch(0.851 0.046 87.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Cotswold Dill color name →
#DBCDAD
oklch(0.851 0.046 87.2)
Renk dönüşümleri
- HEX
- #dbcdad
- RGB
- rgb(219 205 173)
- HSL
- hsl(42 39% 77%)
- HWB
- hwb(42 68% 14%)
- OKLCH
- oklch(0.851 0.046 87.2)
- OKLab
- oklab(0.851 0.002 0.045)
- CIE Lab
- lab(82.95 1.27 17.85)
- LCH
- lch(82.95 17.9 85.9)
- CMYK
- cmyk(0% 6% 21% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DFD2B5
- E2D7BD
- E6DCC5
- E9E1CE
- EDE6D6
- F1EBDE
- F4F0E6
- F8F5EE
- FBFAF7
Koyu tonlar
- BEB296
- A2987F
- 877E6A
- 6D6655
- 544E41
- 3C382D
- 26231B
- 110F0B
- 020201
Gri tonlar
- D2C5A9
- C8BDA4
- BFB5A0
- B6AE9B
- ACA697
- A39E92
- 9A968E
- 918F89
- 898785
Renk uyumları
Tamamlayıcı +180°
- DBCDAD
Cotswold Dill
- C1CEED
≈ Frost Fairy
Analog -30° +30°
- DBCDAD
Cotswold Dill
- E6C7B2
≈ Novelle Peach
- CCD3B1
≈ Mint Soap
Üçlü +120° +240°
- DBCDAD
Cotswold Dill
- ACD7DD
≈ Light Jellyfish Blue
- DFC4DE
≈ Simply Lavender
Bölünmüş tamamlayıcı +150° +210°
- DBCDAD
Cotswold Dill
- B3D3E9
≈ Chapel Blue
- D1C9E9
≈ Italian Fitch
Dörtlü +90° +180° +270°
- DBCDAD
Cotswold Dill
- B0D9CE
≈ Scandal
- C1CEED
≈ Frost Fairy
- E8C2CE
≈ Childlike
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.34:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--cotswold-dill: #dbcdad;
--cotswold-dill-rgb: 219 205 173;
--cotswold-dill-oklch: oklch(0.851 0.046 87.2);
}
.element {
color: var(--cotswold-dill);
background-color: hsl(42 39% 77%);
border-color: oklch(0.851 0.046 87.2);
}Tailwind CSS v4
@theme {
--color-cotswold-dill: #dbcdad;
--color-cotswold-dill-50: #faf5e7;
--color-cotswold-dill-100: #eee7d7;
--color-cotswold-dill-200: #dcd4bf;
--color-cotswold-dill-300: #c1b79d;
--color-cotswold-dill-400: #aa9d80;
--color-cotswold-dill-500: #938564;
--color-cotswold-dill-600: #7c7055;
--color-cotswold-dill-700: #645a43;
--color-cotswold-dill-800: #4a4130;
--color-cotswold-dill-900: #332d21;
--color-cotswold-dill-950: #1f1a10;
}SCSS
$cotswold-dill: #dbcdad;
$cotswold-dill-rgb: 219, 205, 173;
$cotswold-dill-light: mix(#fff, $cotswold-dill, 20%);
$cotswold-dill-dark: mix(#000, $cotswold-dill, 20%);
.element {
color: $cotswold-dill;
box-shadow: 0 0 0 2px rgba($cotswold-dill, 0.35);
}