لون مسمّى · #F0DEC1
Kabuki Clay
Kabuki Clay هو #F0DEC1: rgb(240 222 193)، hsl(37 61% 85%)، oklch(0.908 0.043 79.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Kabuki Clay color name →
#F0DEC1
oklch(0.908 0.043 79.8)
تحويلات الألوان
- HEX
- #f0dec1
- RGB
- rgb(240 222 193)
- HSL
- hsl(37 61% 85%)
- HWB
- hwb(37 76% 6%)
- OKLCH
- oklch(0.908 0.043 79.8)
- OKLab
- oklab(0.908 0.008 0.043)
- CIE Lab
- lab(89.39 3.02 16.64)
- LCH
- lch(89.39 16.91 79.7)
- CMYK
- cmyk(0% 7% 20% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F2E1C7
- F3E5CD
- F5E8D4
- F6EBDA
- F8EFE0
- F9F2E6
- FBF5EC
- FCF8F3
- FEFCF9
درجات داكنة
- D1C1A7
- B2A58F
- 958977
- 786F5F
- 5D5549
- 433D34
- 2A2620
- 14120E
- 030202
درجات رمادية
- E4D4BA
- D9CBB4
- CDC1AD
- C2B7A7
- B6AEA0
- ABA59A
- A09B93
- 95928D
- 8B8986
تناسق الألوان
متمم +180°
- F0DEC1
Kabuki Clay
- D0E2FE
≈ Arc Light
متجاور -30° +30°
- F0DEC1
Kabuki Clay
- F9D9C8
≈ Heavenly Song
- E2E4C3
≈ Frost
ثلاثي +120° +240°
- F0DEC1
Kabuki Clay
- C0EAEC
≈ Light Opale
- EED8F3
≈ Scented Spring
متمم منقسم +150° +210°
- F0DEC1
Kabuki Clay
- C4E7F8
≈ Icy Landscape
- DFDCFC
≈ Transparent Blue
رباعي +90° +180° +270°
- F0DEC1
Kabuki Clay
- C5EADC
≈ Mint Tulip
- D0E2FE
≈ Arc Light
- F8D5E5
≈ Sunset Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.31:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.92:1 · APCA Lc 88
أفضل لون للنص: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--kabuki-clay: #f0dec1;
--kabuki-clay-rgb: 240 222 193;
--kabuki-clay-oklch: oklch(0.908 0.043 79.8);
}
.element {
color: var(--kabuki-clay);
background-color: hsl(37 61% 85%);
border-color: oklch(0.908 0.043 79.8);
}Tailwind CSS v4
@theme {
--color-kabuki-clay: #f0dec1;
--color-kabuki-clay-50: #fbf4e8;
--color-kabuki-clay-100: #efe7d8;
--color-kabuki-clay-200: #ded3c0;
--color-kabuki-clay-300: #c3b69f;
--color-kabuki-clay-400: #ac9c82;
--color-kabuki-clay-500: #968366;
--color-kabuki-clay-600: #7e6f57;
--color-kabuki-clay-700: #655945;
--color-kabuki-clay-800: #4b4132;
--color-kabuki-clay-900: #342d22;
--color-kabuki-clay-950: #1f1a11;
}SCSS
$kabuki-clay: #f0dec1;
$kabuki-clay-rgb: 240, 222, 193;
$kabuki-clay-light: mix(#fff, $kabuki-clay, 20%);
$kabuki-clay-dark: mix(#000, $kabuki-clay, 20%);
.element {
color: $kabuki-clay;
box-shadow: 0 0 0 2px rgba($kabuki-clay, 0.35);
}