لون مسمّى · #CEB5C8
Janey’s Party
Janey’s Party هو #CEB5C8: rgb(206 181 200)، hsl(314 20% 76%)، oklch(0.8 0.038 334.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Janey’s Party color name →
#CEB5C8
oklch(0.8 0.038 334.3)
تحويلات الألوان
- HEX
- #ceb5c8
- RGB
- rgb(206 181 200)
- HSL
- hsl(314 20% 76%)
- HWB
- hwb(314 71% 19%)
- OKLCH
- oklch(0.8 0.038 334.3)
- OKLab
- oklab(0.8 0.035 -0.017)
- CIE Lab
- lab(76.29 11.7 -6.19)
- LCH
- lch(76.29 13.24 332.1)
- CMYK
- cmyk(0% 12% 3% 19%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D3BCCD
- D8C3D3
- DDCBD8
- E2D2DE
- E6DAE3
- EBE1E9
- F0E8EE
- F5F0F4
- FAF7F9
درجات داكنة
- B39DAE
- 988694
- 7F6F7B
- 665963
- 4E444C
- 383036
- 231D21
- 0F0C0F
- 020202
درجات رمادية
- C6B0C1
- BEAAB9
- B6A5B2
- AE9FAB
- A69AA3
- 9F959C
- 979095
- 8F8A8E
- 888587
تناسق الألوان
متمم +180°
- CEB5C8
Janey’s Party
- ABC5B3
≈ Kind Green
متجاور -30° +30°
- CEB5C8
Janey’s Party
- C3B8D2
≈ Lavender Pillow
- D5B4BB
≈ Floss
ثلاثي +120° +240°
- CEB5C8
Janey’s Party
- C6BEA2
≈ Lush
- A3C5CD
≈ Skyward
متمم منقسم +150° +210°
- CEB5C8
Janey’s Party
- B8C2A8
≈ Healing Retreat
- A3C6C1
≈ New-Age Green
رباعي +90° +180° +270°
- CEB5C8
Janey’s Party
- D0B9A5
≈ My Piazza
- ABC5B3
≈ Kind Green
- AAC1D5
≈ Simpatico Blue
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.89:1 · APCA Lc 36
Ag
AAAعلى الأسود
WCAG 11.06:1 · APCA Lc 66
أفضل لون للنص: #000000
WCAG 11.06:1 (AAA) · APCA Lc 66
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--janey-s-party: #ceb5c8;
--janey-s-party-rgb: 206 181 200;
--janey-s-party-oklch: oklch(0.8 0.038 334.3);
}
.element {
color: var(--janey-s-party);
background-color: hsl(314 20% 76%);
border-color: oklch(0.8 0.038 334.3);
}Tailwind CSS v4
@theme {
--color-janey-s-party: #ceb5c8;
--color-janey-s-party-50: #fdf1f9;
--color-janey-s-party-100: #f1e3ed;
--color-janey-s-party-200: #e0ceda;
--color-janey-s-party-300: #c5b0bf;
--color-janey-s-party-400: #ad96a8;
--color-janey-s-party-500: #977d91;
--color-janey-s-party-600: #7f6a7a;
--color-janey-s-party-700: #665562;
--color-janey-s-party-800: #4b3e48;
--color-janey-s-party-900: #342a32;
--color-janey-s-party-950: #1f181e;
}SCSS
$janey-s-party: #ceb5c8;
$janey-s-party-rgb: 206, 181, 200;
$janey-s-party-light: mix(#fff, $janey-s-party, 20%);
$janey-s-party-dark: mix(#000, $janey-s-party, 20%);
.element {
color: $janey-s-party;
box-shadow: 0 0 0 2px rgba($janey-s-party, 0.35);
}