لون مسمّى · #DFBDD0
Scandalous Rose
Scandalous Rose هو #DFBDD0: rgb(223 189 208)، hsl(326 35% 81%)، oklch(0.833 0.046 343.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Pink mean? → · Scandalous Rose color name →
#DFBDD0
oklch(0.833 0.046 343.5)
تحويلات الألوان
- HEX
- #dfbdd0
- RGB
- rgb(223 189 208)
- HSL
- hsl(326 35% 81%)
- HWB
- hwb(326 74% 13%)
- OKLCH
- oklch(0.833 0.046 343.5)
- OKLab
- oklab(0.833 0.044 -0.013)
- CIE Lab
- lab(80.02 14.86 -4.82)
- LCH
- lch(80.02 15.62 342)
- CMYK
- cmyk(0% 15% 7% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E2C3D5
- E6CAD9
- E9D1DE
- ECD7E3
- EFDEE7
- F3E4EC
- F6EBF1
- F9F2F5
- FCF8FA
درجات داكنة
- C2A4B5
- A58C9A
- 8A7480
- 6F5D67
- 56474F
- 3D3339
- 271F23
- 120D10
- 020202
درجات رمادية
- D5B7C8
- CBB1BF
- C2AAB7
- B8A4AF
- AF9EA7
- A5989F
- 9C9297
- 928C8F
- 898688
تناسق الألوان
متمم +180°
- DFBDD0
Scandalous Rose
- AED2C0
≈ Lester
متجاور -30° +30°
- DFBDD0
Scandalous Rose
- D3C0DE
≈ Purple Whisper
- E5BDBF
≈ Ice Hot Pink
ثلاثي +120° +240°
- DFBDD0
Scandalous Rose
- CDCAA8
≈ Thistle Green
- A9D0DF
≈ Flemish Blue
متمم منقسم +150° +210°
- DFBDD0
Scandalous Rose
- BDCFB1
≈ Kiss of Mint
- A6D2D1
≈ Crystal Aqua
رباعي +90° +180° +270°
- DFBDD0
Scandalous Rose
- DBC4A8
≈ Elafonisi Beach
- AED2C0
≈ Lester
- B4CBE6
≈ Melt Ice
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.70:1 · APCA Lc 30
Ag
AAAعلى الأسود
WCAG 12.32:1 · APCA Lc 72
أفضل لون للنص: #000000
WCAG 12.32:1 (AAA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--scandalous-rose: #dfbdd0;
--scandalous-rose-rgb: 223 189 208;
--scandalous-rose-oklch: oklch(0.833 0.046 343.5);
}
.element {
color: var(--scandalous-rose);
background-color: hsl(326 35% 81%);
border-color: oklch(0.833 0.046 343.5);
}Tailwind CSS v4
@theme {
--color-scandalous-rose: #dfbdd0;
--color-scandalous-rose-50: #fff0f8;
--color-scandalous-rose-100: #f4e2eb;
--color-scandalous-rose-200: #e4cdd9;
--color-scandalous-rose-300: #caaebd;
--color-scandalous-rose-400: #b394a5;
--color-scandalous-rose-500: #9d7a8e;
--color-scandalous-rose-600: #856878;
--color-scandalous-rose-700: #6a5360;
--color-scandalous-rose-800: #4e3c47;
--color-scandalous-rose-900: #362931;
--color-scandalous-rose-950: #21171d;
}SCSS
$scandalous-rose: #dfbdd0;
$scandalous-rose-rgb: 223, 189, 208;
$scandalous-rose-light: mix(#fff, $scandalous-rose, 20%);
$scandalous-rose-dark: mix(#000, $scandalous-rose, 20%);
.element {
color: $scandalous-rose;
box-shadow: 0 0 0 2px rgba($scandalous-rose, 0.35);
}