Nazwany kolor · #DDC6BD
Tender Shell
Tender Shell to #DDC6BD: rgb(221 198 189), hsl(17 32% 80%), oklch(0.843 0.029 42.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Tender Shell color name →
#DDC6BD
oklch(0.843 0.029 42.6)
Konwersje koloru
- HEX
- #ddc6bd
- RGB
- rgb(221 198 189)
- HSL
- hsl(17 32% 80%)
- HWB
- hwb(17 74% 13%)
- OKLCH
- oklch(0.843 0.029 42.6)
- OKLab
- oklab(0.843 0.021 0.02)
- CIE Lab
- lab(81.65 7.28 7.63)
- LCH
- lch(81.65 10.54 46.4)
- CMYK
- cmyk(0% 10% 14% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0CCC3
- E4D1CA
- E7D7D0
- EBDDD7
- EEE2DE
- F2E8E4
- F5EEEB
- F8F3F2
- FCF9F8
Odcienie ciemniejsze
- C0ACA4
- A4928C
- 887A74
- 6E625D
- 554B47
- 3D3533
- 26211F
- 110E0D
- 020202
Tony
- D3BFB7
- CAB8B0
- C0B0AA
- B7A9A4
- ADA29E
- A49B98
- 9B9492
- 928E8C
- 898786
Harmonie kolorów
Komplementarna +180°
- DDC6BD
Tender Shell
- B8D0D9
≈ Mudra
Analogowa -30° +30°
- DDC6BD
Tender Shell
- DEC4C6
≈ Bunny Pink
- D8C9B8
≈ Ivory Ridge
Triada +120° +240°
- DDC6BD
Tender Shell
- BCD2C6
≈ Sage Bundle
- C8CADF
≈ Periwinkle Powder
Komplementarna rozszczepiona +150° +210°
- DDC6BD
Tender Shell
- B7D2D0
≈ Malaysian Mist
- BFCDDF
≈ Sky’s the Limit
Tetrada +90° +180° +270°
- DDC6BD
Tender Shell
- C4D0BD
≈ Budding Green
- B8D0D9
≈ Mudra
- D2C6D9
≈ Modesty
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.62:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.88:1 · APCA Lc 75
Najlepszy kolor tekstu: #000000
WCAG 12.88:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--tender-shell: #ddc6bd;
--tender-shell-rgb: 221 198 189;
--tender-shell-oklch: oklch(0.843 0.029 42.6);
}
.element {
color: var(--tender-shell);
background-color: hsl(17 32% 80%);
border-color: oklch(0.843 0.029 42.6);
}Tailwind CSS v4
@theme {
--color-tender-shell: #ddc6bd;
--color-tender-shell-50: #fdf3ee;
--color-tender-shell-100: #f1e5e0;
--color-tender-shell-200: #e0d1ca;
--color-tender-shell-300: #c5b3ac;
--color-tender-shell-400: #ae9991;
--color-tender-shell-500: #988077;
--color-tender-shell-600: #806d65;
--color-tender-shell-700: #675751;
--color-tender-shell-800: #4c3f3b;
--color-tender-shell-900: #342c28;
--color-tender-shell-950: #201916;
}SCSS
$tender-shell: #ddc6bd;
$tender-shell-rgb: 221, 198, 189;
$tender-shell-light: mix(#fff, $tender-shell, 20%);
$tender-shell-dark: mix(#000, $tender-shell, 20%);
.element {
color: $tender-shell;
box-shadow: 0 0 0 2px rgba($tender-shell, 0.35);
}