Najbliższy nazwany kolor · #D9C5E4
#D9C5E4
Najbliższy nazwany kolor: Girl Crush
#D9C5E4 (rgb(217 197 228), hsl(279 36% 83%), oklch(0.85 0.048 313.7)) jest najbliższy nazwanemu kolorowi Girl Crush. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D9C5E4
oklch(0.85 0.048 313.7)
Konwersje koloru
- HEX
- #d9c5e4
- RGB
- rgb(217 197 228)
- HSL
- hsl(279 36% 83%)
- HWB
- hwb(279 77% 11%)
- OKLCH
- oklch(0.85 0.048 313.7)
- OKLab
- oklab(0.85 0.033 -0.034)
- CIE Lab
- lab(81.93 11.43 -12.78)
- LCH
- lch(81.93 17.14 311.8)
- CMYK
- cmyk(5% 14% 0% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDCBE7
- E1D0E9
- E4D6EC
- E8DCEF
- ECE2F2
- F0E8F4
- F4EDF7
- F7F3FA
- FBF9FC
Odcienie ciemniejsze
- BCABC6
- A192A9
- 86798D
- 6C6172
- 534B58
- 3B353F
- 252128
- 110E12
- 020203
Tony
- D0BEDA
- C7B7CF
- BDB0C5
- B4A9BB
- ABA2B1
- A39BA7
- 9A949D
- 918D93
- 89878A
Harmonie kolorów
Komplementarna +180°
- D9C5E4
Girl Crush
- C1D5B6
≈ Nature
Analogowa -30° +30°
- D9C5E4
Girl Crush
- C9CAEC
≈ Miami White
- E5C2D5
≈ Dog Rose
Triada +120° +240°
- D9C5E4
Girl Crush
- E1CAAC
≈ Marshmallow Mist
- AAD8D6
≈ Sugar Pool
Komplementarna rozszczepiona +150° +210°
- D9C5E4
Girl Crush
- D2D0AC
≈ Crystal Palace
- B2D8C5
≈ Mint Gala
Tetrada +90° +180° +270°
- D9C5E4
Girl Crush
- EAC4B5
≈ Fatty Sashimi
- C1D5B6
≈ Nature
- ADD5E5
≈ Longitude
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.60:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.05:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--girl-crush: #d9c5e4;
--girl-crush-rgb: 217 197 228;
--girl-crush-oklch: oklch(0.85 0.048 313.7);
}
.element {
color: var(--girl-crush);
background-color: hsl(279 36% 83%);
border-color: oklch(0.85 0.048 313.7);
}Tailwind CSS v4
@theme {
--color-girl-crush: #d9c5e4;
--color-girl-crush-50: #fbf1ff;
--color-girl-crush-100: #eee3f3;
--color-girl-crush-200: #dccee2;
--color-girl-crush-300: #c1b0c8;
--color-girl-crush-400: #a997b3;
--color-girl-crush-500: #927d9d;
--color-girl-crush-600: #7b6a84;
--color-girl-crush-700: #63556a;
--color-girl-crush-800: #483e4f;
--color-girl-crush-900: #322b37;
--color-girl-crush-950: #1e1822;
}SCSS
$girl-crush: #d9c5e4;
$girl-crush-rgb: 217, 197, 228;
$girl-crush-light: mix(#fff, $girl-crush, 20%);
$girl-crush-dark: mix(#000, $girl-crush, 20%);
.element {
color: $girl-crush;
box-shadow: 0 0 0 2px rgba($girl-crush, 0.35);
}