لون مسمّى · #F2E8CC
Sphere
Sphere هو #F2E8CC: rgb(242 232 204)، hsl(44 59% 87%)، oklch(0.932 0.038 90.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Sphere color name →
#F2E8CC
oklch(0.932 0.038 90.7)
تحويلات الألوان
- HEX
- #f2e8cc
- RGB
- rgb(242 232 204)
- HSL
- hsl(44 59% 87%)
- HWB
- hwb(44 80% 5%)
- OKLCH
- oklch(0.932 0.038 90.7)
- OKLab
- oklab(0.932 0 0.038)
- CIE Lab
- lab(92.25 0.15 14.96)
- LCH
- lch(92.25 14.96 89.4)
- CMYK
- cmyk(0% 4% 16% 5%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- F3EAD1
- F5EDD6
- F6EFDB
- F7F1E0
- F8F4E6
- FAF6EB
- FBF8F0
- FCFAF5
- FEFDFA
درجات داكنة
- D2CAB1
- B4AC97
- 96907E
- 797465
- 5E594E
- 434037
- 2B2922
- 14130F
- 030302
درجات رمادية
- E6DDC4
- DAD2BC
- CEC8B5
- C3BDAD
- B7B3A5
- ACA89E
- A19E96
- 96948F
- 8B8A87
تناسق الألوان
متمم +180°
- F2E8CC
Sphere
- E0E8FF
≈ Cyber Lavender
متجاور -30° +30°
- F2E8CC
Sphere
- FCE3CF
≈ Scalloped Potato
- E4EDD1
≈ Misted Fern
ثلاثي +120° +240°
- F2E8CC
Sphere
- CCF0F7
≈ Frostproof
- F8E0F5
≈ Fairy Salt
متمم منقسم +150° +210°
- F2E8CC
Sphere
- D4ECFF
≈ Veiling Waterfalls
- ECE3FF
≈ Lavender Mist
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.22:1 · APCA Lc 11
Ag
AAAعلى الأسود
WCAG 17.19:1 · APCA Lc 93
أفضل لون للنص: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sphere: #f2e8cc;
--sphere-rgb: 242 232 204;
--sphere-oklch: oklch(0.932 0.038 90.7);
}
.element {
color: var(--sphere);
background-color: hsl(44 59% 87%);
border-color: oklch(0.932 0.038 90.7);
}Tailwind CSS v4
@theme {
--color-sphere: #f2e8cc;
--color-sphere-50: #f9f5e9;
--color-sphere-100: #ece8da;
--color-sphere-200: #dad4c2;
--color-sphere-300: #beb7a2;
--color-sphere-400: #a79e85;
--color-sphere-500: #908669;
--color-sphere-600: #7a7159;
--color-sphere-700: #615a47;
--color-sphere-800: #484233;
--color-sphere-900: #322d23;
--color-sphere-950: #1e1a12;
}SCSS
$sphere: #f2e8cc;
$sphere-rgb: 242, 232, 204;
$sphere-light: mix(#fff, $sphere, 20%);
$sphere-dark: mix(#000, $sphere, 20%);
.element {
color: $sphere;
box-shadow: 0 0 0 2px rgba($sphere, 0.35);
}