Colore con nome · #D0DDCC
St. Augustine
St. Augustine è #D0DDCC: rgb(208 221 204), hsl(106 20% 83%), oklch(0.883 0.027 138.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · St. Augustine color name →
#D0DDCC
oklch(0.883 0.027 138.3)
Conversioni di colore
- HEX
- #d0ddcc
- RGB
- rgb(208 221 204)
- HSL
- hsl(106 20% 83%)
- HWB
- hwb(106 80% 13%)
- OKLCH
- oklch(0.883 0.027 138.3)
- OKLab
- oklab(0.883 -0.02 0.018)
- CIE Lab
- lab(86.77 -6.83 6.8)
- LCH
- lch(86.77 9.63 135.1)
- CMYK
- cmyk(6% 0% 8% 13%)
Tinte · Ombre · Toni
Tinte
- D5E0D1
- D9E4D6
- DEE7DB
- E3EBE0
- E7EEE5
- ECF1EA
- F1F5F0
- F5F8F5
- FAFCFA
Ombre
- B5C0B1
- 9AA497
- 80887E
- 676E65
- 4F554E
- 393D37
- 232622
- 10110F
- 020202
Toni
- C8D3C4
- BFCABC
- B7C0B5
- AFB7AD
- A7ADA5
- 9FA49E
- 979B96
- 8F928F
- 888987
Armonie di colore
Complementare +180°
- D0DDCC
St. Augustine
- E0D3E4
≈ Purplish White
Analogo -30° +30°
- D0DDCC
St. Augustine
- DADAC6
≈ Zero Degrees
- C8DED5
≈ Whipped Mint
Triadico +120° +240°
- D0DDCC
St. Augustine
- CED9EB
≈ Lilac Cotton Candy
- EAD2D2
≈ Pink Plum
Complementare divisa +150° +210°
- D0DDCC
St. Augustine
- D7D6EA
≈ Early Dog Violet
- E7D2DB
≈ Pink Frappé
Tetradico +90° +180° +270°
- D0DDCC
St. Augustine
- C7DCE7
≈ King of Waves
- E0D3E4
≈ Purplish White
- E8D4C9
≈ Honeysuckle Delight
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.89:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.89:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--st-augustine: #d0ddcc;
--st-augustine-rgb: 208 221 204;
--st-augustine-oklch: oklch(0.883 0.027 138.3);
}
.element {
color: var(--st-augustine);
background-color: hsl(106 20% 83%);
border-color: oklch(0.883 0.027 138.3);
}Tailwind CSS v4
@theme {
--color-st-augustine: #d0ddcc;
--color-st-augustine-50: #f1f7f0;
--color-st-augustine-100: #e3eae2;
--color-st-augustine-200: #ced7cc;
--color-st-augustine-300: #b0bbae;
--color-st-augustine-400: #97a293;
--color-st-augustine-500: #7e8b7a;
--color-st-augustine-600: #6a7567;
--color-st-augustine-700: #555e52;
--color-st-augustine-800: #3e453b;
--color-st-augustine-900: #2b2f29;
--color-st-augustine-950: #181c17;
}SCSS
$st-augustine: #d0ddcc;
$st-augustine-rgb: 208, 221, 204;
$st-augustine-light: mix(#fff, $st-augustine, 20%);
$st-augustine-dark: mix(#000, $st-augustine, 20%);
.element {
color: $st-augustine;
box-shadow: 0 0 0 2px rgba($st-augustine, 0.35);
}