لون مسمّى · #CC9DA4
Edwardian Rose
Edwardian Rose هو #CC9DA4: rgb(204 157 164)، hsl(351 32% 71%)، oklch(0.742 0.057 8.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Edwardian Rose color name →
#CC9DA4
oklch(0.742 0.057 8.6)
تحويلات الألوان
- HEX
- #cc9da4
- RGB
- rgb(204 157 164)
- HSL
- hsl(351 32% 71%)
- HWB
- hwb(351 62% 20%)
- OKLCH
- oklch(0.742 0.057 8.6)
- OKLab
- oklab(0.742 0.056 0.008)
- CIE Lab
- lab(69.37 18.8 3.45)
- LCH
- lch(69.37 19.11 10.4)
- CMYK
- cmyk(0% 23% 20% 20%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D1A7AD
- D7B0B6
- DCBABF
- E1C3C8
- E6CDD1
- EBD7DA
- F0E1E3
- F5EBEC
- FAF5F6
درجات داكنة
- B1888E
- 977379
- 7E5F64
- 654C50
- 4E3A3D
- 37282B
- 22181A
- 0F090A
- 020101
درجات رمادية
- C49AA0
- BD979D
- B59499
- AE9295
- A68F92
- 9E8C8E
- 97898B
- 8F8687
- 888384
تناسق الألوان
متمم +180°
- CC9DA4
Edwardian Rose
- 82B7B2
≈ Vintage Blue
متجاور -30° +30°
- CC9DA4
Edwardian Rose
- C49EB8
≈ Idyllic Pink
- CCA091
≈ Shiny Kettle
ثلاثي +120° +240°
- CC9DA4
Edwardian Rose
- A1B38D
≈ Soap Green
- 90AFCE
≈ Matte Blue
متمم منقسم +150° +210°
- CC9DA4
Edwardian Rose
- 8DB79E
≈ Summer Green
- 83B4C4
≈ Crystal Lake
رباعي +90° +180° +270°
- CC9DA4
Edwardian Rose
- B4AC83
≈ Tarragon Tease
- 82B7B2
≈ Vintage Blue
- A3A8CF
≈ Blossom Mauve
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.35:1 · APCA Lc 46
Ag
AAAعلى الأسود
WCAG 8.92:1 · APCA Lc 56
أفضل لون للنص: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--edwardian-rose: #cc9da4;
--edwardian-rose-rgb: 204 157 164;
--edwardian-rose-oklch: oklch(0.742 0.057 8.6);
}
.element {
color: var(--edwardian-rose);
background-color: hsl(351 32% 71%);
border-color: oklch(0.742 0.057 8.6);
}Tailwind CSS v4
@theme {
--color-edwardian-rose: #cc9da4;
--color-edwardian-rose-50: #ffeff1;
--color-edwardian-rose-100: #fae1e3;
--color-edwardian-rose-200: #ebcbce;
--color-edwardian-rose-300: #d3acb0;
--color-edwardian-rose-400: #bd9198;
--color-edwardian-rose-500: #a8777e;
--color-edwardian-rose-600: #8e656b;
--color-edwardian-rose-700: #725056;
--color-edwardian-rose-800: #543a3f;
--color-edwardian-rose-900: #3a282b;
--color-edwardian-rose-950: #241619;
}SCSS
$edwardian-rose: #cc9da4;
$edwardian-rose-rgb: 204, 157, 164;
$edwardian-rose-light: mix(#fff, $edwardian-rose, 20%);
$edwardian-rose-dark: mix(#000, $edwardian-rose, 20%);
.element {
color: $edwardian-rose;
box-shadow: 0 0 0 2px rgba($edwardian-rose, 0.35);
}