Nazwany kolor · #D9CDC3
Reticence
Reticence to #D9CDC3: rgb(217 205 195), hsl(27 22% 81%), oklch(0.855 0.019 62.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Reticence color name →
#D9CDC3
oklch(0.855 0.019 62.4)
Konwersje koloru
- HEX
- #d9cdc3
- RGB
- rgb(217 205 195)
- HSL
- hsl(27 22% 81%)
- HWB
- hwb(27 76% 15%)
- OKLCH
- oklch(0.855 0.019 62.4)
- OKLab
- oklab(0.855 0.009 0.017)
- CIE Lab
- lab(83.18 3.05 6.57)
- LCH
- lch(83.18 7.24 65.1)
- CMYK
- cmyk(0% 6% 10% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDD2C9
- E1D7CF
- E4DCD5
- E8E1DB
- ECE6E1
- F0EBE7
- F4F0ED
- F7F5F3
- FBFAF9
Odcienie ciemniejsze
- BCB2A9
- A19890
- 867E78
- 6C6660
- 534E4A
- 3B3834
- 252320
- 110F0E
- 020202
Tony
- D0C5BC
- C7BDB5
- BDB5AE
- B4ADA8
- ABA6A1
- A39E9A
- 9A9694
- 918F8D
- 898786
Harmonie kolorów
Komplementarna +180°
- D9CDC3
Reticence
- C5D1DB
≈ Polished Silver
Analogowa -30° +30°
- D9CDC3
Reticence
- DCCBC8
≈ Kangaroo Paw
- D4CFC2
≈ Modern Grey
Triada +120° +240°
- D9CDC3
Reticence
- C3D4D0
≈ Celtic Grey
- D2CDDA
≈ Kundalini Bliss
Komplementarna rozszczepiona +150° +210°
- D9CDC3
Reticence
- C2D3D7
≈ Scandinavian Sky
- CBCFDC
≈ Pale Shale
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.55:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.47:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.47:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--reticence: #d9cdc3;
--reticence-rgb: 217 205 195;
--reticence-oklch: oklch(0.855 0.019 62.4);
}
.element {
color: var(--reticence);
background-color: hsl(27 22% 81%);
border-color: oklch(0.855 0.019 62.4);
}Tailwind CSS v4
@theme {
--color-reticence: #d9cdc3;
--color-reticence-50: #f9f4f0;
--color-reticence-100: #ede7e1;
--color-reticence-200: #dad3cc;
--color-reticence-300: #bfb6ad;
--color-reticence-400: #a79c93;
--color-reticence-500: #908479;
--color-reticence-600: #7a6f67;
--color-reticence-700: #615952;
--color-reticence-800: #48413c;
--color-reticence-900: #322d29;
--color-reticence-950: #1e1a17;
}SCSS
$reticence: #d9cdc3;
$reticence-rgb: 217, 205, 195;
$reticence-light: mix(#fff, $reticence, 20%);
$reticence-dark: mix(#000, $reticence, 20%);
.element {
color: $reticence;
box-shadow: 0 0 0 2px rgba($reticence, 0.35);
}