لون مسمّى · #F9E4C1
Ivory Oats
Ivory Oats هو #F9E4C1: rgb(249 228 193)، hsl(38 82% 87%)، oklch(0.927 0.051 80.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Ivory Oats color name →
#F9E4C1
oklch(0.927 0.051 80.5)
تحويلات الألوان
- HEX
- #f9e4c1
- RGB
- rgb(249 228 193)
- HSL
- hsl(38 82% 87%)
- HWB
- hwb(38 76% 2%)
- OKLCH
- oklch(0.927 0.051 80.5)
- OKLab
- oklab(0.927 0.008 0.051)
- CIE Lab
- lab(91.65 3.48 19.9)
- LCH
- lch(91.65 20.2 80.1)
- CMYK
- cmyk(0% 8% 22% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FAE7C7
- FAE9CE
- FBECD4
- FCEFDA
- FCF2E0
- FDF4E6
- FDF7ED
- FEFAF3
- FEFCF9
درجات داكنة
- D9C6A7
- B9A98F
- 9A8D77
- 7D725F
- 615849
- 463F34
- 2C2820
- 15120E
- 030302
درجات رمادية
- ECDABA
- E0CFB4
- D3C5AD
- C7BBA7
- BBB1A0
- AFA79A
- A39D93
- 97938D
- 8B8A86
تناسق الألوان
متمم +180°
- F9E4C1
Ivory Oats
- DAE8FF
≈ Veiling Waterfalls
متجاور -30° +30°
- F9E4C1
Ivory Oats
- FFE0CF
≈ Toronja
- E8EBC4
≈ Olive Creed
ثلاثي +120° +240°
- F9E4C1
Ivory Oats
- C0F2F5
≈ Pale Sky
- F7DCFC
≈ Strawberry Frost
متمم منقسم +150° +210°
- F9E4C1
Ivory Oats
- CBEDFF
≈ Blue Hijab
- E6E3FF
≈ Lavender Mist
رباعي +90° +180° +270°
- F9E4C1
Ivory Oats
- C6F3E2
≈ Shallow End
- DAE8FF
≈ Veiling Waterfalls
- FFDCEB
≈ Rose Glow
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.24:1 · APCA Lc 12
Ag
AAAعلى الأسود
WCAG 16.89:1 · APCA Lc 92
أفضل لون للنص: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--ivory-oats: #f9e4c1;
--ivory-oats-rgb: 249 228 193;
--ivory-oats-oklch: oklch(0.927 0.051 80.5);
}
.element {
color: var(--ivory-oats);
background-color: hsl(38 82% 87%);
border-color: oklch(0.927 0.051 80.5);
}Tailwind CSS v4
@theme {
--color-ivory-oats: #f9e4c1;
--color-ivory-oats-50: #fcf4e5;
--color-ivory-oats-100: #f0e7d5;
--color-ivory-oats-200: #dfd3bc;
--color-ivory-oats-300: #c4b59a;
--color-ivory-oats-400: #ae9c7c;
--color-ivory-oats-500: #98835f;
--color-ivory-oats-600: #816f51;
--color-ivory-oats-700: #675940;
--color-ivory-oats-800: #4c402e;
--color-ivory-oats-900: #352c1f;
--color-ivory-oats-950: #20190f;
}SCSS
$ivory-oats: #f9e4c1;
$ivory-oats-rgb: 249, 228, 193;
$ivory-oats-light: mix(#fff, $ivory-oats, 20%);
$ivory-oats-dark: mix(#000, $ivory-oats, 20%);
.element {
color: $ivory-oats;
box-shadow: 0 0 0 2px rgba($ivory-oats, 0.35);
}