Nazwany kolor · #D2CCC4
Burnished Clay
Burnished Clay to #D2CCC4: rgb(210 204 196), hsl(34 13% 80%), oklch(0.848 0.013 75.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Burnished Clay color name →
#D2CCC4
oklch(0.848 0.013 75.4)
Konwersje koloru
- HEX
- #d2ccc4
- RGB
- rgb(210 204 196)
- HSL
- hsl(34 13% 80%)
- HWB
- hwb(34 77% 18%)
- OKLCH
- oklch(0.848 0.013 75.4)
- OKLab
- oklab(0.848 0.003 0.012)
- CIE Lab
- lab(82.36 1.11 4.77)
- LCH
- lch(82.36 4.9 76.9)
- CMYK
- cmyk(0% 3% 7% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6D1CA
- DBD6D0
- DFDBD5
- E4E0DB
- E8E5E1
- EDEAE7
- F1EFED
- F6F5F3
- FAFAF9
Odcienie ciemniejsze
- B6B1AA
- 9B9791
- 817E78
- 686561
- 504E4A
- 393735
- 242221
- 100F0E
- 020202
Tony
- C9C4BD
- C1BCB6
- B9B5AF
- B0ADA8
- A8A5A1
- A09E9B
- 989694
- 908F8D
- 888787
Harmonie kolorów
Komplementarna +180°
- D2CCC4
Burnished Clay
- C8CED6
≈ Crater Crawler
Analogowa -30° +30°
- D2CCC4
Burnished Clay
- D5CBC6
≈ Orchid Blush
- CECEC4
≈ Lattice
Triada +120° +240°
- D2CCC4
Burnished Clay
- C4D0D0
≈ Winter Garden
- D0CBD3
≈ Light Stately Frills
Komplementarna rozszczepiona +150° +210°
- D2CCC4
Burnished Clay
- C5CFD3
≈ Catalyst Grey
- CCCCD5
≈ Ghostly Grey
Tetrada +90° +180° +270°
- D2CCC4
Burnished Clay
- C6D0CB
≈ Infusion
- C8CED6
≈ Crater Crawler
- D4CACF
≈ Grey Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.17:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--burnished-clay: #d2ccc4;
--burnished-clay-rgb: 210 204 196;
--burnished-clay-oklch: oklch(0.848 0.013 75.4);
}
.element {
color: var(--burnished-clay);
background-color: hsl(34 13% 80%);
border-color: oklch(0.848 0.013 75.4);
}Tailwind CSS v4
@theme {
--color-burnished-clay: #d2ccc4;
--color-burnished-clay-50: #f7f5f1;
--color-burnished-clay-100: #eae7e3;
--color-burnished-clay-200: #d7d4ce;
--color-burnished-clay-300: #bbb7b0;
--color-burnished-clay-400: #a39d96;
--color-burnished-clay-500: #8b857d;
--color-burnished-clay-600: #76716a;
--color-burnished-clay-700: #5e5a55;
--color-burnished-clay-800: #45423e;
--color-burnished-clay-900: #302d2a;
--color-burnished-clay-950: #1c1a18;
}SCSS
$burnished-clay: #d2ccc4;
$burnished-clay-rgb: 210, 204, 196;
$burnished-clay-light: mix(#fff, $burnished-clay, 20%);
$burnished-clay-dark: mix(#000, $burnished-clay, 20%);
.element {
color: $burnished-clay;
box-shadow: 0 0 0 2px rgba($burnished-clay, 0.35);
}