Nazwany kolor · #DDD3C2
Plymouth Beige
Plymouth Beige to #DDD3C2: rgb(221 211 194), hsl(38 28% 81%), oklch(0.87 0.025 81.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Plymouth Beige color name →
#DDD3C2
oklch(0.87 0.025 81.1)
Konwersje koloru
- HEX
- #ddd3c2
- RGB
- rgb(221 211 194)
- HSL
- hsl(38 28% 81%)
- HWB
- hwb(38 76% 13%)
- OKLCH
- oklch(0.87 0.025 81.1)
- OKLab
- oklab(0.87 0.004 0.025)
- CIE Lab
- lab(85.03 1.45 9.75)
- LCH
- lch(85.03 9.86 81.5)
- CMYK
- cmyk(0% 5% 12% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0D7C8
- E4DCCE
- E7E0D4
- EBE4DA
- EEE9E0
- F1EDE6
- F5F2EC
- F8F6F3
- FCFBF9
Odcienie ciemniejsze
- C0B7A8
- A49C8F
- 888277
- 6E6960
- 555149
- 3D3A34
- 262420
- 11100E
- 020202
Tony
- D3CABB
- CAC2B4
- C0B9AE
- B7B1A7
- ADA9A0
- A4A09A
- 9B9893
- 92908D
- 898886
Harmonie kolorów
Komplementarna +180°
- DDD3C2
Plymouth Beige
- CBD5E6
≈ Mother of Pearl Silver
Analogowa -30° +30°
- DDD3C2
Plymouth Beige
- E3D0C6
≈ Wheat Seed
- D5D6C3
≈ Wine Bottle
Triada +120° +240°
- DDD3C2
Plymouth Beige
- C2DADB
≈ Light Dewpoint
- DCCFDF
≈ Purple Mist
Komplementarna rozszczepiona +150° +210°
- DDD3C2
Plymouth Beige
- C4D8E2
≈ Distant Shore
- D4D2E4
≈ Light Pax
Tetrada +90° +180° +270°
- DDD3C2
Plymouth Beige
- C5DAD2
≈ Cool Mint
- CBD5E6
≈ Mother of Pearl Silver
- E2CED6
≈ Prim
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.48:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.17:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.17:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--plymouth-beige: #ddd3c2;
--plymouth-beige-rgb: 221 211 194;
--plymouth-beige-oklch: oklch(0.87 0.025 81.1);
}
.element {
color: var(--plymouth-beige);
background-color: hsl(38 28% 81%);
border-color: oklch(0.87 0.025 81.1);
}Tailwind CSS v4
@theme {
--color-plymouth-beige: #ddd3c2;
--color-plymouth-beige-50: #f9f5ed;
--color-plymouth-beige-100: #ece7df;
--color-plymouth-beige-200: #d9d3c8;
--color-plymouth-beige-300: #beb6a9;
--color-plymouth-beige-400: #a69d8e;
--color-plymouth-beige-500: #8f8573;
--color-plymouth-beige-600: #797062;
--color-plymouth-beige-700: #615a4e;
--color-plymouth-beige-800: #474139;
--color-plymouth-beige-900: #312d27;
--color-plymouth-beige-950: #1d1a15;
}SCSS
$plymouth-beige: #ddd3c2;
$plymouth-beige-rgb: 221, 211, 194;
$plymouth-beige-light: mix(#fff, $plymouth-beige, 20%);
$plymouth-beige-dark: mix(#000, $plymouth-beige, 20%);
.element {
color: $plymouth-beige;
box-shadow: 0 0 0 2px rgba($plymouth-beige, 0.35);
}