لون مسمّى · #DDCEAD
Champagne Bubbles
Champagne Bubbles هو #DDCEAD: rgb(221 206 173)، hsl(41 41% 77%)، oklch(0.855 0.047 86.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Champagne Bubbles color name →
#DDCEAD
oklch(0.855 0.047 86.5)
تحويلات الألوان
- HEX
- #ddcead
- RGB
- rgb(221 206 173)
- HSL
- hsl(41 41% 77%)
- HWB
- hwb(41 68% 13%)
- OKLCH
- oklch(0.855 0.047 86.5)
- OKLab
- oklab(0.855 0.003 0.047)
- CIE Lab
- lab(83.37 1.54 18.47)
- LCH
- lch(83.37 18.53 85.2)
- CMYK
- cmyk(0% 7% 22% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0D3B5
- E4D8BD
- E7DDC5
- EBE2CE
- EEE6D6
- F1EBDE
- F5F0E6
- F8F5EE
- FCFAF7
درجات داكنة
- C0B396
- A4987F
- 887F6A
- 6E6655
- 554E41
- 3D382D
- 26231B
- 110F0B
- 020201
درجات رمادية
- D3C6A9
- CABEA4
- C0B6A0
- B7AE9B
- ADA697
- A49E92
- 9B978E
- 928F89
- 898885
تناسق الألوان
متمم +180°
- DDCEAD
Champagne Bubbles
- C1CFEF
≈ Frost Fairy
متجاور -30° +30°
- DDCEAD
Champagne Bubbles
- E8C8B2
≈ Woodstock Rose
- CDD4B1
≈ Mint Soap
ثلاثي +120° +240°
- DDCEAD
Champagne Bubbles
- ACD9DF
≈ Daly Waters
- E1C5E0
≈ Sweet Alyssum
متمم منقسم +150° +210°
- DDCEAD
Champagne Bubbles
- B3D5EB
≈ Ariel
- D2CAEB
≈ Foggy Love
رباعي +90° +180° +270°
- DDCEAD
Champagne Bubbles
- B0DACE
≈ Scandal
- C1CFEF
≈ Frost Fairy
- EAC3D0
≈ Misty Memories
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.55:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.50:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.50:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--champagne-bubbles: #ddcead;
--champagne-bubbles-rgb: 221 206 173;
--champagne-bubbles-oklch: oklch(0.855 0.047 86.5);
}
.element {
color: var(--champagne-bubbles);
background-color: hsl(41 41% 77%);
border-color: oklch(0.855 0.047 86.5);
}Tailwind CSS v4
@theme {
--color-champagne-bubbles: #ddcead;
--color-champagne-bubbles-50: #fbf5e6;
--color-champagne-bubbles-100: #eee7d7;
--color-champagne-bubbles-200: #dcd4be;
--color-champagne-bubbles-300: #c1b79d;
--color-champagne-bubbles-400: #ab9d7f;
--color-champagne-bubbles-500: #948462;
--color-champagne-bubbles-600: #7d7054;
--color-champagne-bubbles-700: #645a43;
--color-champagne-bubbles-800: #4a4130;
--color-champagne-bubbles-900: #332d20;
--color-champagne-bubbles-950: #1f1a10;
}SCSS
$champagne-bubbles: #ddcead;
$champagne-bubbles-rgb: 221, 206, 173;
$champagne-bubbles-light: mix(#fff, $champagne-bubbles, 20%);
$champagne-bubbles-dark: mix(#000, $champagne-bubbles, 20%);
.element {
color: $champagne-bubbles;
box-shadow: 0 0 0 2px rgba($champagne-bubbles, 0.35);
}