لون مسمّى · #D5C5D4
Fragrant Snowbell
Fragrant Snowbell هو #D5C5D4: rgb(213 197 212)، hsl(304 16% 80%)، oklch(0.841 0.027 327.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Fragrant Snowbell color name →
#D5C5D4
oklch(0.841 0.027 327.7)
تحويلات الألوان
- HEX
- #d5c5d4
- RGB
- rgb(213 197 212)
- HSL
- hsl(304 16% 80%)
- HWB
- hwb(304 77% 16%)
- OKLCH
- oklch(0.841 0.027 327.7)
- OKLab
- oklab(0.841 0.023 -0.014)
- CIE Lab
- lab(81.19 7.78 -5.38)
- LCH
- lch(81.19 9.46 325.3)
- CMYK
- cmyk(0% 8% 0% 16%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D9CBD8
- DDD0DD
- E2D6E1
- E6DCE5
- EAE2E9
- EEE8EE
- F2EDF2
- F7F3F6
- FBF9FB
درجات داكنة
- B9ABB8
- 9E929D
- 837983
- 6A6169
- 514B51
- 3A353A
- 242124
- 100E10
- 020202
درجات رمادية
- CCBECB
- C3B7C3
- BBB0BA
- B2A9B2
- AAA2A9
- A19BA1
- 999498
- 908D90
- 888788
تناسق الألوان
متمم +180°
- D5C5D4
Fragrant Snowbell
- C0D0C1
≈ Spray of Mint
متجاور -30° +30°
- D5C5D4
Fragrant Snowbell
- CCC7DB
≈ Angel Kiss
- DBC4CB
≈ Bunny Pink
ثلاثي +120° +240°
- D5C5D4
Fragrant Snowbell
- D2CAB7
≈ Unmarked Trail
- B8D0D4
≈ Lament Blue
متمم منقسم +150° +210°
- D5C5D4
Fragrant Snowbell
- C9CEBA
≈ Morning Zen
- B9D1CB
≈ Jet Stream
رباعي +90° +180° +270°
- D5C5D4
Fragrant Snowbell
- D9C7BA
≈ Suede Beige
- C0D0C1
≈ Spray of Mint
- BBCEDB
≈ Constellation
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.64:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.76:1 · APCA Lc 74
أفضل لون للنص: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--fragrant-snowbell: #d5c5d4;
--fragrant-snowbell-rgb: 213 197 212;
--fragrant-snowbell-oklch: oklch(0.841 0.027 327.7);
}
.element {
color: var(--fragrant-snowbell);
background-color: hsl(304 16% 80%);
border-color: oklch(0.841 0.027 327.7);
}Tailwind CSS v4
@theme {
--color-fragrant-snowbell: #d5c5d4;
--color-fragrant-snowbell-50: #faf2f9;
--color-fragrant-snowbell-100: #ede5ec;
--color-fragrant-snowbell-200: #dbd0da;
--color-fragrant-snowbell-300: #c0b3be;
--color-fragrant-snowbell-400: #a899a7;
--color-fragrant-snowbell-500: #90808f;
--color-fragrant-snowbell-600: #7a6d79;
--color-fragrant-snowbell-700: #625761;
--color-fragrant-snowbell-800: #473f47;
--color-fragrant-snowbell-900: #312c32;
--color-fragrant-snowbell-950: #1d191d;
}SCSS
$fragrant-snowbell: #d5c5d4;
$fragrant-snowbell-rgb: 213, 197, 212;
$fragrant-snowbell-light: mix(#fff, $fragrant-snowbell, 20%);
$fragrant-snowbell-dark: mix(#000, $fragrant-snowbell, 20%);
.element {
color: $fragrant-snowbell;
box-shadow: 0 0 0 2px rgba($fragrant-snowbell, 0.35);
}