لون مسمّى · #FAF0DA
Hedgehog Mushroom
Hedgehog Mushroom هو #FAF0DA: rgb(250 240 218)، hsl(41 76% 92%)، oklch(0.957 0.031 86.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Hedgehog Mushroom color name →
#FAF0DA
oklch(0.957 0.031 86.5)
تحويلات الألوان
- HEX
- #faf0da
- RGB
- rgb(250 240 218)
- HSL
- hsl(41 76% 92%)
- HWB
- hwb(41 85% 2%)
- OKLCH
- oklch(0.957 0.031 86.5)
- OKLab
- oklab(0.957 0.002 0.031)
- CIE Lab
- lab(95.16 0.81 11.94)
- LCH
- lch(95.16 11.97 86.1)
- CMYK
- cmyk(0% 4% 13% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- FBF2DE
- FBF3E1
- FCF5E5
- FCF6E9
- FDF8ED
- FDF9F0
- FEFBF4
- FEFCF8
- FFFEFB
درجات داكنة
- D9D1BD
- BAB2A2
- 9B9587
- 7D786C
- 615D54
- 46433C
- 2D2A25
- 151411
- 030302
درجات رمادية
- EDE4D1
- E0D9C7
- D4CDBE
- C7C2B5
- BBB6AC
- AFABA3
- A3A09A
- 979591
- 8B8B89
تناسق الألوان
متمم +180°
- FAF0DA
Hedgehog Mushroom
- EBF1FF
≈ Carte Blanche
متجاور -30° +30°
- FAF0DA
Hedgehog Mushroom
- FFEDE1
≈ Organic Fibre
- EFF4DD
≈ Overexposed Shot
ثلاثي +120° +240°
- FAF0DA
Hedgehog Mushroom
- DAF7FB
≈ Glacial Day
- FDEAFC
≈ Fairy Bubblegum Cloud
متمم منقسم +150° +210°
- FAF0DA
Hedgehog Mushroom
- E3F4FF
≈ Kodama White
- F2EEFF
≈ Foundation White
رباعي +90° +180° +270°
- FAF0DA
Hedgehog Mushroom
- DCF8F0
≈ Frosty Mint
- EBF1FF
≈ Carte Blanche
- FFEBF1
≈ Fairy Wings
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.13:1 · APCA Lc 0
Ag
AAAعلى الأسود
WCAG 18.54:1 · APCA Lc 99
أفضل لون للنص: #000000
WCAG 18.54:1 (AAA) · APCA Lc 99
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--hedgehog-mushroom: #faf0da;
--hedgehog-mushroom-rgb: 250 240 218;
--hedgehog-mushroom-oklch: oklch(0.957 0.031 86.5);
}
.element {
color: var(--hedgehog-mushroom);
background-color: hsl(41 76% 92%);
border-color: oklch(0.957 0.031 86.5);
}Tailwind CSS v4
@theme {
--color-hedgehog-mushroom: #faf0da;
--color-hedgehog-mushroom-50: #f9f5eb;
--color-hedgehog-mushroom-100: #ece8dd;
--color-hedgehog-mushroom-200: #dad4c6;
--color-hedgehog-mushroom-300: #beb7a6;
--color-hedgehog-mushroom-400: #a69e8a;
--color-hedgehog-mushroom-500: #8f856f;
--color-hedgehog-mushroom-600: #79715e;
--color-hedgehog-mushroom-700: #615a4b;
--color-hedgehog-mushroom-800: #474236;
--color-hedgehog-mushroom-900: #312d25;
--color-hedgehog-mushroom-950: #1d1a14;
}SCSS
$hedgehog-mushroom: #faf0da;
$hedgehog-mushroom-rgb: 250, 240, 218;
$hedgehog-mushroom-light: mix(#fff, $hedgehog-mushroom, 20%);
$hedgehog-mushroom-dark: mix(#000, $hedgehog-mushroom, 20%);
.element {
color: $hedgehog-mushroom;
box-shadow: 0 0 0 2px rgba($hedgehog-mushroom, 0.35);
}