Nazwany kolor · #D7D6DC
Delicate Viola
Delicate Viola to #D7D6DC: rgb(215 214 220), hsl(250 8% 85%), oklch(0.879 0.008 293.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Delicate Viola color name →
#D7D6DC
oklch(0.879 0.008 293.9)
Konwersje koloru
- HEX
- #d7d6dc
- RGB
- rgb(215 214 220)
- HSL
- hsl(250 8% 85%)
- HWB
- hwb(250 84% 14%)
- OKLCH
- oklch(0.879 0.008 293.9)
- OKLab
- oklab(0.879 0.003 -0.008)
- CIE Lab
- lab(85.84 1.17 -2.84)
- LCH
- lch(85.84 3.07 292.4)
- CMYK
- cmyk(2% 3% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBDADF
- DFDEE3
- E3E2E6
- E7E6EA
- EBEAED
- EFEEF1
- F3F3F4
- F7F7F8
- FBFBFB
Odcienie ciemniejsze
- BBBABF
- 9F9EA3
- 858488
- 6B6A6E
- 525254
- 3B3B3C
- 252526
- 111011
- 020202
Tony
- CECDD2
- C5C4C9
- BCBBBF
- B3B3B6
- AAAAAD
- A2A1A4
- 99999B
- 919192
- 888889
Harmonie kolorów
Komplementarna +180°
- D7D6DC
Delicate Viola
- D7D8D2
≈ Blizzard Fog
Analogowa -30° +30°
- D7D6DC
Delicate Viola
- D4D7DD
≈ Pebble Soft Blue White
- DAD5DA
≈ Light Magnolia Rose
Triada +120° +240°
- D7D6DC
Delicate Viola
- DCD6D2
≈ Bread Flavour
- D2D9D6
≈ Summer Shade
Komplementarna rozszczepiona +150° +210°
- D7D6DC
Delicate Viola
- D9D7D1
≈ Catacomb Walls
- D4D8D4
≈ Cool Vapour
Tetrada +90° +180° +270°
- D7D6DC
Delicate Viola
- DCD5D4
≈ Light Lunette
- D7D8D2
≈ Blizzard Fog
- D1D9D9
≈ Glassware
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.54:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.54:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--delicate-viola: #d7d6dc;
--delicate-viola-rgb: 215 214 220;
--delicate-viola-oklch: oklch(0.879 0.008 293.9);
}
.element {
color: var(--delicate-viola);
background-color: hsl(250 8% 85%);
border-color: oklch(0.879 0.008 293.9);
}Tailwind CSS v4
@theme {
--color-delicate-viola: #d7d6dc;
--color-delicate-viola-50: #f5f5f7;
--color-delicate-viola-100: #e8e7ea;
--color-delicate-viola-200: #d4d3d7;
--color-delicate-viola-300: #b7b6bb;
--color-delicate-viola-400: #9e9da3;
--color-delicate-viola-500: #86858b;
--color-delicate-viola-600: #727176;
--color-delicate-viola-700: #5b5a5e;
--color-delicate-viola-800: #424245;
--color-delicate-viola-900: #2e2d30;
--color-delicate-viola-950: #1b1a1c;
}SCSS
$delicate-viola: #d7d6dc;
$delicate-viola-rgb: 215, 214, 220;
$delicate-viola-light: mix(#fff, $delicate-viola, 20%);
$delicate-viola-dark: mix(#000, $delicate-viola, 20%);
.element {
color: $delicate-viola;
box-shadow: 0 0 0 2px rgba($delicate-viola, 0.35);
}