Nazwany kolor · #DDD7C5
Stonewashed
Stonewashed to #DDD7C5: rgb(221 215 197), hsl(45 26% 82%), oklch(0.879 0.025 91.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Stonewashed color name →
#DDD7C5
oklch(0.879 0.025 91.6)
Konwersje koloru
- HEX
- #ddd7c5
- RGB
- rgb(221 215 197)
- HSL
- hsl(45 26% 82%)
- HWB
- hwb(45 77% 13%)
- OKLCH
- oklch(0.879 0.025 91.6)
- OKLab
- oklab(0.879 -0.001 0.025)
- CIE Lab
- lab(86.1 -0.14 9.69)
- LCH
- lch(86.1 9.69 90.8)
- CMYK
- cmyk(0% 3% 11% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0DBCB
- E4DFD0
- E7E3D6
- EAE7DC
- EEEBE2
- F1EFE8
- F5F3ED
- F8F7F3
- FCFBF9
Odcienie ciemniejsze
- C0BBAB
- A49F92
- 888579
- 6E6B61
- 55524B
- 3D3B35
- 262521
- 11110E
- 020202
Tony
- D3CEBE
- CAC5B7
- C0BCB0
- B7B3A9
- ADAAA2
- A4A29B
- 9B9994
- 92918D
- 898887
Harmonie kolorów
Komplementarna +180°
- DDD7C5
Stonewashed
- D1D7E8
≈ Cheerful Whisper
Analogowa -30° +30°
- DDD7C5
Stonewashed
- E4D4C7
≈ Farfalle Noodle
- D4DAC8
≈ Ottoman
Triada +120° +240°
- DDD7C5
Stonewashed
- C5DCE1
≈ Byte Blue
- E2D1DF
≈ Ametrine Quartz
Komplementarna rozszczepiona +150° +210°
- DDD7C5
Stonewashed
- C9DAE7
≈ Sea Breeze Green
- DAD4E5
≈ Light Angel Kiss
Tetrada +90° +180° +270°
- DDD7C5
Stonewashed
- C6DDD8
≈ Whipped Mint
- D1D7E8
≈ Cheerful Whisper
- E6D1D6
≈ Ibis Mouse
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.43:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.60:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.60:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--stonewashed: #ddd7c5;
--stonewashed-rgb: 221 215 197;
--stonewashed-oklch: oklch(0.879 0.025 91.6);
}
.element {
color: var(--stonewashed);
background-color: hsl(45 26% 82%);
border-color: oklch(0.879 0.025 91.6);
}Tailwind CSS v4
@theme {
--color-stonewashed: #ddd7c5;
--color-stonewashed-50: #f7f5ed;
--color-stonewashed-100: #eae8df;
--color-stonewashed-200: #d8d4c8;
--color-stonewashed-300: #bbb7a9;
--color-stonewashed-400: #a49e8e;
--color-stonewashed-500: #8c8674;
--color-stonewashed-600: #777162;
--color-stonewashed-700: #5f5b4e;
--color-stonewashed-800: #464239;
--color-stonewashed-900: #302e27;
--color-stonewashed-950: #1c1a15;
}SCSS
$stonewashed: #ddd7c5;
$stonewashed-rgb: 221, 215, 197;
$stonewashed-light: mix(#fff, $stonewashed, 20%);
$stonewashed-dark: mix(#000, $stonewashed, 20%);
.element {
color: $stonewashed;
box-shadow: 0 0 0 2px rgba($stonewashed, 0.35);
}