Nazwany kolor · #D2CCD1
Light Stately Frills
Light Stately Frills to #D2CCD1: rgb(210 204 209), hsl(310 6% 81%), oklch(0.851 0.009 331). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Stately Frills color name →
#D2CCD1
oklch(0.851 0.009 331)
Konwersje koloru
- HEX
- #d2ccd1
- RGB
- rgb(210 204 209)
- HSL
- hsl(310 6% 81%)
- HWB
- hwb(310 80% 18%)
- OKLCH
- oklch(0.851 0.009 331)
- OKLab
- oklab(0.851 0.008 -0.005)
- CIE Lab
- lab(82.64 2.82 -1.72)
- LCH
- lch(82.64 3.3 328.6)
- CMYK
- cmyk(0% 3% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6D1D6
- DBD6DA
- DFDBDF
- E4E0E3
- E8E5E8
- EDEAEC
- F1EFF1
- F6F5F6
- FAFAFA
Odcienie ciemniejsze
- B6B1B5
- 9B979B
- 817E81
- 686568
- 504E50
- 393739
- 242223
- 100F10
- 020202
Tony
- C9C4C9
- C1BCC0
- B9B5B8
- B0ADB0
- A8A5A8
- A09EA0
- 989698
- 908F90
- 888788
Harmonie kolorów
Komplementarna +180°
- D2CCD1
Light Stately Frills
- CAD0CB
≈ Infusion
Analogowa -30° +30°
- D2CCD1
Light Stately Frills
- CFCDD4
≈ Dirty Snow
- D4CCCE
≈ Light Wallis
Triada +120° +240°
- D2CCD1
Light Stately Frills
- D0CEC7
≈ On the Rocks
- C8D0D2
≈ Harp Strings
Komplementarna rozszczepiona +150° +210°
- D2CCD1
Light Stately Frills
- CDCFC8
≈ Mexican Silver
- C8D0CE
≈ Foggy Morn
Tetrada +90° +180° +270°
- D2CCD1
Light Stately Frills
- D3CDC8
≈ Individual White
- CAD0CB
≈ Infusion
- C9CFD4
≈ Callisto
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.29:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.29:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--light-stately-frills: #d2ccd1;
--light-stately-frills-rgb: 210 204 209;
--light-stately-frills-oklch: oklch(0.851 0.009 331);
}
.element {
color: var(--light-stately-frills);
background-color: hsl(310 6% 81%);
border-color: oklch(0.851 0.009 331);
}Tailwind CSS v4
@theme {
--color-light-stately-frills: #d2ccd1;
--color-light-stately-frills-50: #f7f4f6;
--color-light-stately-frills-100: #eae7e9;
--color-light-stately-frills-200: #d7d3d6;
--color-light-stately-frills-300: #bab6b9;
--color-light-stately-frills-400: #a29ca1;
--color-light-stately-frills-500: #8a8489;
--color-light-stately-frills-600: #757074;
--color-light-stately-frills-700: #5d595d;
--color-light-stately-frills-800: #444144;
--color-light-stately-frills-900: #2f2d2f;
--color-light-stately-frills-950: #1c1a1b;
}SCSS
$light-stately-frills: #d2ccd1;
$light-stately-frills-rgb: 210, 204, 209;
$light-stately-frills-light: mix(#fff, $light-stately-frills, 20%);
$light-stately-frills-dark: mix(#000, $light-stately-frills, 20%);
.element {
color: $light-stately-frills;
box-shadow: 0 0 0 2px rgba($light-stately-frills, 0.35);
}