Nazwany kolor · #DFD3CA
Light Christobel
Light Christobel to #DFD3CA: rgb(223 211 202), hsl(26 25% 83%), oklch(0.874 0.018 59.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Christobel color name →
#DFD3CA
oklch(0.874 0.018 59.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E2D7CF
- E5DCD4
- E9E0DA
- ECE4DF
- EFE9E4
- F2EDEA
- F5F2EF
- F9F6F4
- FCFBFA
Odcienie ciemniejsze
- C2B7AF
- A59C95
- 8A827C
- 6F6964
- 56514D
- 3D3A37
- 272422
- 12100F
- 020202
Tony
- D5CAC2
- CBC2BB
- C2B9B3
- B8B1AC
- AEA9A4
- A5A09D
- 9C9896
- 92908E
- 898887
Harmonie kolorów
Komplementarna +180°
- DFD3CA
Light Christobel
- CBD7E0
≈ Poppy’s Whiskers
Analogowa -30° +30°
- DFD3CA
Light Christobel
- E1D1CF
≈ Light Lavender Blush
- DAD5C8
≈ Hog’s Pudding
Triada +120° +240°
- DFD3CA
Light Christobel
- CADAD6
≈ Blue Cypress
- D7D3E0
≈ Sword Steel
Komplementarna rozszczepiona +150° +210°
- DFD3CA
Light Christobel
- C9D9DC
≈ Wan Blue
- D1D5E2
≈ Hint of Violet
Tetrada +90° +180° +270°
- DFD3CA
Light Christobel
- CED9CF
≈ Wind Fresh White
- CBD7E0
≈ Poppy’s Whiskers
- DDD1DB
≈ Light Bassinet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.30:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}