Adlandırılmış renk · #DFD3CA
Light Christobel
Light Christobel, #DFD3CA: rgb(223 211 202), hsl(26 25% 83%), oklch(0.874 0.018 59.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Christobel color name →
#DFD3CA
oklch(0.874 0.018 59.4)
Renk dönüşümleri
- HEX
- #dfd3ca
- RGB
- rgb(223 211 202)
- HSL
- hsl(26 25% 83%)
- HWB
- hwb(26 79% 13%)
- OKLCH
- oklch(0.874 0.018 59.4)
- OKLab
- oklab(0.874 0.009 0.016)
- CIE Lab
- lab(85.35 3.15 6.03)
- LCH
- lch(85.35 6.81 62.4)
- CMYK
- cmyk(0% 5% 9% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2D7CF
- E5DCD4
- E9E0DA
- ECE4DF
- EFE9E4
- F2EDEA
- F5F2EF
- F9F6F4
- FCFBFA
Koyu tonlar
- C2B7AF
- A59C95
- 8A827C
- 6F6964
- 56514D
- 3D3A37
- 272422
- 12100F
- 020202
Gri tonlar
- D5CAC2
- CBC2BB
- C2B9B3
- B8B1AC
- AEA9A4
- A5A09D
- 9C9896
- 92908E
- 898887
Renk uyumları
Tamamlayıcı +180°
- DFD3CA
Light Christobel
- CBD7E0
≈ Poppy’s Whiskers
Analog -30° +30°
- DFD3CA
Light Christobel
- E1D1CF
≈ Light Lavender Blush
- DAD5C8
≈ Hog’s Pudding
Üçlü +120° +240°
- DFD3CA
Light Christobel
- CADAD6
≈ Blue Cypress
- D7D3E0
≈ Sword Steel
Bölünmüş tamamlayıcı +150° +210°
- DFD3CA
Light Christobel
- C9D9DC
≈ Wan Blue
- D1D5E2
≈ Hint of Violet
Dörtlü +90° +180° +270°
- DFD3CA
Light Christobel
- CED9CF
≈ Wind Fresh White
- CBD7E0
≈ Poppy’s Whiskers
- DDD1DB
≈ Light Bassinet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.46:1 · APCA Lc 22
Ag
AAASiyah üzerinde
WCAG 14.30:1 · APCA Lc 81
En iyi metin rengi: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-christobel: #dfd3ca;
--light-christobel-rgb: 223 211 202;
--light-christobel-oklch: oklch(0.874 0.018 59.4);
}
.element {
color: var(--light-christobel);
background-color: hsl(26 25% 83%);
border-color: oklch(0.874 0.018 59.4);
}Tailwind CSS v4
@theme {
--color-light-christobel: #dfd3ca;
--color-light-christobel-50: #f9f4f0;
--color-light-christobel-100: #ece7e2;
--color-light-christobel-200: #dad3cd;
--color-light-christobel-300: #bfb5ae;
--color-light-christobel-400: #a79c94;
--color-light-christobel-500: #90847a;
--color-light-christobel-600: #7a6f68;
--color-light-christobel-700: #615953;
--color-light-christobel-800: #47413c;
--color-light-christobel-900: #312d29;
--color-light-christobel-950: #1d1a17;
}SCSS
$light-christobel: #dfd3ca;
$light-christobel-rgb: 223, 211, 202;
$light-christobel-light: mix(#fff, $light-christobel, 20%);
$light-christobel-dark: mix(#000, $light-christobel, 20%);
.element {
color: $light-christobel;
box-shadow: 0 0 0 2px rgba($light-christobel, 0.35);
}