لون مسمّى · #F0C8B6
Everblooming
Everblooming هو #F0C8B6: rgb(240 200 182)، hsl(19 66% 83%)، oklch(0.863 0.052 45.6). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Everblooming color name →
#F0C8B6
oklch(0.863 0.052 45.6)
تحويلات الألوان
- HEX
- #f0c8b6
- RGB
- rgb(240 200 182)
- HSL
- hsl(19 66% 83%)
- HWB
- hwb(19 71% 6%)
- OKLCH
- oklch(0.863 0.052 45.6)
- OKLab
- oklab(0.863 0.036 0.037)
- CIE Lab
- lab(83.77 12.66 14.61)
- LCH
- lch(83.77 19.33 49.1)
- CMYK
- cmyk(0% 17% 24% 6%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F2CDBD
- F3D3C4
- F5D8CC
- F7DED3
- F8E3DA
- FAE9E2
- FBEEE9
- FCF4F0
- FEF9F8
درجات داكنة
- D1AE9E
- B29486
- 957B6F
- 786359
- 5D4C44
- 433630
- 2A211D
- 140F0C
- 030202
درجات رمادية
- E4C1B1
- D9B9AB
- CDB2A6
- C2ABA0
- B7A39B
- AC9C95
- A19590
- 968E8B
- 8B8785
تناسق الألوان
متمم +180°
- F0C8B6
Everblooming
- AEDAEC
≈ Blue Feather
متجاور -30° +30°
- F0C8B6
Everblooming
- F2C5C6
≈ My Fair Lady
- E6CEAD
≈ Classic Terra
ثلاثي +120° +240°
- F0C8B6
Everblooming
- B3DDCA
≈ Brook Green
- CECEF3
≈ Miami White
متمم منقسم +150° +210°
- F0C8B6
Everblooming
- ABDDDD
≈ Beachside Drive
- BCD4F4
≈ Summer Birthday
رباعي +90° +180° +270°
- F0C8B6
Everblooming
- C3DAB8
≈ Galway
- AEDAEC
≈ Blue Feather
- DFC8E9
≈ Syrian Violet
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.53:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.64:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.64:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--everblooming: #f0c8b6;
--everblooming-rgb: 240 200 182;
--everblooming-oklch: oklch(0.863 0.052 45.6);
}
.element {
color: var(--everblooming);
background-color: hsl(19 66% 83%);
border-color: oklch(0.863 0.052 45.6);
}Tailwind CSS v4
@theme {
--color-everblooming: #f0c8b6;
--color-everblooming-50: #fff1e9;
--color-everblooming-100: #f7e3d9;
--color-everblooming-200: #e8cec2;
--color-everblooming-300: #cfb0a1;
--color-everblooming-400: #b99585;
--color-everblooming-500: #a47c6a;
--color-everblooming-600: #8b695a;
--color-everblooming-700: #6f5447;
--color-everblooming-800: #523d34;
--color-everblooming-900: #392a23;
--color-everblooming-950: #231712;
}SCSS
$everblooming: #f0c8b6;
$everblooming-rgb: 240, 200, 182;
$everblooming-light: mix(#fff, $everblooming, 20%);
$everblooming-dark: mix(#000, $everblooming, 20%);
.element {
color: $everblooming;
box-shadow: 0 0 0 2px rgba($everblooming, 0.35);
}