لون مسمّى · #DDC5AA
Cliff’s View
Cliff’s View هو #DDC5AA: rgb(221 197 170)، hsl(32 43% 77%)، oklch(0.837 0.045 70.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Cliff’s View color name →
#DDC5AA
oklch(0.837 0.045 70.4)
تحويلات الألوان
- HEX
- #ddc5aa
- RGB
- rgb(221 197 170)
- HSL
- hsl(32 43% 77%)
- HWB
- hwb(32 67% 13%)
- OKLCH
- oklch(0.837 0.045 70.4)
- OKLab
- oklab(0.837 0.015 0.043)
- CIE Lab
- lab(81.04 5.67 16.85)
- LCH
- lch(81.04 17.78 71.4)
- CMYK
- cmyk(0% 11% 23% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0CBB2
- E4D0BB
- E7D6C3
- EBDCCC
- EEE2D4
- F2E8DD
- F5EDE5
- F8F3EE
- FCF9F6
درجات داكنة
- C0AB93
- A4927D
- 887968
- 6E6153
- 554B3F
- 3D352D
- 26211B
- 110E0B
- 020201
درجات رمادية
- D3BEA6
- CAB7A2
- C0B09D
- B7A999
- ADA295
- A49B91
- 9B948D
- 928D88
- 898784
تناسق الألوان
متمم +180°
- DDC5AA
Cliff’s View
- B4CCE7
≈ Morality
متجاور -30° +30°
- DDC5AA
Cliff’s View
- E5C0B3
≈ Calico Rose
- D0CBA9
≈ Canary Grass
ثلاثي +120° +240°
- DDC5AA
Cliff’s View
- A8D3D0
≈ Eton Blue
- D3C2E0
≈ Purple Whisper
متمم منقسم +150° +210°
- DDC5AA
Cliff’s View
- AAD1DE
≈ Light Blue Glint
- C3C7E7
≈ Powdered Granite
رباعي +90° +180° +270°
- DDC5AA
Cliff’s View
- B1D3C0
≈ Ginninderra
- B4CCE7
≈ Morality
- DFBED3
≈ Scandalous Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.66:1 · APCA Lc 29
Ag
AAAعلى الأسود
WCAG 12.64:1 · APCA Lc 74
أفضل لون للنص: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cliff-s-view: #ddc5aa;
--cliff-s-view-rgb: 221 197 170;
--cliff-s-view-oklch: oklch(0.837 0.045 70.4);
}
.element {
color: var(--cliff-s-view);
background-color: hsl(32 43% 77%);
border-color: oklch(0.837 0.045 70.4);
}Tailwind CSS v4
@theme {
--color-cliff-s-view: #ddc5aa;
--color-cliff-s-view-50: #fef3e7;
--color-cliff-s-view-100: #f2e6d8;
--color-cliff-s-view-200: #e1d2c0;
--color-cliff-s-view-300: #c6b49f;
--color-cliff-s-view-400: #b09a82;
--color-cliff-s-view-500: #9a8165;
--color-cliff-s-view-600: #826e56;
--color-cliff-s-view-700: #685845;
--color-cliff-s-view-800: #4d4031;
--color-cliff-s-view-900: #362c22;
--color-cliff-s-view-950: #211911;
}SCSS
$cliff-s-view: #ddc5aa;
$cliff-s-view-rgb: 221, 197, 170;
$cliff-s-view-light: mix(#fff, $cliff-s-view, 20%);
$cliff-s-view-dark: mix(#000, $cliff-s-view, 20%);
.element {
color: $cliff-s-view;
box-shadow: 0 0 0 2px rgba($cliff-s-view, 0.35);
}