Couleur nommée · #DDDDE2
Grey Placidity
Grey Placidity correspond à #DDDDE2 : rgb(221 221 226), hsl(240 8% 88%), oklch(0.899 0.007 286.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Grey Placidity color name →
#DDDDE2
oklch(0.899 0.007 286.3)
Conversions de couleur
- HEX
- #dddde2
- RGB
- rgb(221 221 226)
- HSL
- hsl(240 8% 88%)
- HWB
- hwb(240 87% 11%)
- OKLCH
- oklch(0.899 0.007 286.3)
- OKLab
- oklab(0.899 0.002 -0.006)
- CIE Lab
- lab(88.22 0.68 -2.46)
- LCH
- lch(88.22 2.55 285.4)
- CMYK
- cmyk(2% 2% 0% 11%)
Teintes · Ombres · Tons
Teintes
- E0E0E5
- E4E4E8
- E7E7EB
- EAEAEE
- EEEEF0
- F1F1F3
- F5F5F6
- F8F8F9
- FCFCFC
Ombres
- C0C0C4
- A4A4A8
- 88888C
- 6E6E71
- 555557
- 3D3D3E
- 262627
- 111112
- 020203
Tons
- D3D3D8
- CACACE
- C0C0C4
- B7B7BA
- ADADB0
- A4A4A6
- 9B9B9C
- 929293
- 898989
Harmonies de couleurs
Complémentaire +180°
- DDDDE2
Grey Placidity
- DEDED9
≈ Whisper Softly
Analogue -30° +30°
- DDDDE2
Grey Placidity
- DBDEE2
≈ Chickweed
- DFDCE1
≈ Mechagodzilla
Triadique +120° +240°
- DDDDE2
Grey Placidity
- E2DCDA
≈ Nouvelle White
- DADFDD
≈ River Veil
Complémentaire divisée +150° +210°
- DDDDE2
Grey Placidity
- E0DDD9
≈ Lower Linen
- DCDFDA
≈ Reflecting Pool
Tétradique +90° +180° +270°
- DDDDE2
Grey Placidity
- E2DCDC
≈ Ghostwaver
- DEDED9
≈ Whisper Softly
- D9DFDF
≈ Echo Mist
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.35:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.51:1 · APCA Lc 86
Meilleure couleur de texte: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Extraits de code
CSS
:root {
--grey-placidity: #dddde2;
--grey-placidity-rgb: 221 221 226;
--grey-placidity-oklch: oklch(0.899 0.007 286.3);
}
.element {
color: var(--grey-placidity);
background-color: hsl(240 8% 88%);
border-color: oklch(0.899 0.007 286.3);
}Tailwind CSS v4
@theme {
--color-grey-placidity: #dddde2;
--color-grey-placidity-50: #f5f5f7;
--color-grey-placidity-100: #e8e7ea;
--color-grey-placidity-200: #d4d4d7;
--color-grey-placidity-300: #b7b7bb;
--color-grey-placidity-400: #9e9ea2;
--color-grey-placidity-500: #86868b;
--color-grey-placidity-600: #717175;
--color-grey-placidity-700: #5a5a5e;
--color-grey-placidity-800: #424245;
--color-grey-placidity-900: #2d2e2f;
--color-grey-placidity-950: #1a1a1c;
}SCSS
$grey-placidity: #dddde2;
$grey-placidity-rgb: 221, 221, 226;
$grey-placidity-light: mix(#fff, $grey-placidity, 20%);
$grey-placidity-dark: mix(#000, $grey-placidity, 20%);
.element {
color: $grey-placidity;
box-shadow: 0 0 0 2px rgba($grey-placidity, 0.35);
}