لون مسمّى · #D1CFC0
Sawgrass
Sawgrass هو #D1CFC0: rgb(209 207 192)، hsl(53 16% 79%)، oklch(0.852 0.02 100.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Sawgrass color name →
#D1CFC0
oklch(0.852 0.02 100.6)
تحويلات الألوان
- HEX
- #d1cfc0
- RGB
- rgb(209 207 192)
- HSL
- hsl(53 16% 79%)
- HWB
- hwb(53 75% 18%)
- OKLCH
- oklch(0.852 0.02 100.6)
- OKLab
- oklab(0.852 -0.004 0.02)
- CIE Lab
- lab(82.97 -1.23 7.74)
- LCH
- lch(82.97 7.84 99)
- CMYK
- cmyk(0% 1% 8% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D6D4C6
- DAD8CC
- DFDDD3
- E3E2D9
- E8E7DF
- ECECE5
- F1F0EC
- F6F5F2
- FAFAF9
درجات داكنة
- B5B4A7
- 9B998E
- 817F76
- 68675F
- 504F49
- 393834
- 232320
- 10100E
- 020202
درجات رمادية
- C9C7B9
- C0BFB3
- B8B7AC
- B0AFA6
- A8A79F
- A09F99
- 989793
- 908F8C
- 888886
تناسق الألوان
متمم +180°
- D1CFC0
Sawgrass
- CBCDDC
≈ Lunar Dust
متجاور -30° +30°
- D1CFC0
Sawgrass
- D7CCC0
≈ In the Buff
- CAD1C4
≈ White Granite
ثلاثي +120° +240°
- D1CFC0
Sawgrass
- C1D2D8
≈ Light Pure Blue
- D8C9D2
≈ Eternal Moonrise
متمم منقسم +150° +210°
- D1CFC0
Sawgrass
- C5D0DC
≈ Quarzo
- D3CBD9
≈ Kundalini Bliss
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.56:1 · APCA Lc 26
Ag
AAAعلى الأسود
WCAG 13.39:1 · APCA Lc 77
أفضل لون للنص: #000000
WCAG 13.39:1 (AAA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sawgrass: #d1cfc0;
--sawgrass-rgb: 209 207 192;
--sawgrass-oklch: oklch(0.852 0.02 100.6);
}
.element {
color: var(--sawgrass);
background-color: hsl(53 16% 79%);
border-color: oklch(0.852 0.02 100.6);
}Tailwind CSS v4
@theme {
--color-sawgrass: #d1cfc0;
--color-sawgrass-50: #f6f5ef;
--color-sawgrass-100: #e9e8e1;
--color-sawgrass-200: #d6d5cb;
--color-sawgrass-300: #b9b8ac;
--color-sawgrass-400: #a19f91;
--color-sawgrass-500: #898777;
--color-sawgrass-600: #747265;
--color-sawgrass-700: #5d5b51;
--color-sawgrass-800: #44433b;
--color-sawgrass-900: #2f2e28;
--color-sawgrass-950: #1c1b16;
}SCSS
$sawgrass: #d1cfc0;
$sawgrass-rgb: 209, 207, 192;
$sawgrass-light: mix(#fff, $sawgrass, 20%);
$sawgrass-dark: mix(#000, $sawgrass, 20%);
.element {
color: $sawgrass;
box-shadow: 0 0 0 2px rgba($sawgrass, 0.35);
}