أقرب لون مسمّى · #7EC2BB
#7EC2BB
أقرب لون مسمّى: Cyantific
#7EC2BB (rgb(126 194 187)، hsl(174 36% 63%)، oklch(0.767 0.07 187.6)) أقرب إلى اللون المسمّى Cyantific. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#7EC2BB
oklch(0.767 0.07 187.6)
تحويلات الألوان
- HEX
- #7ec2bb
- RGB
- rgb(126 194 187)
- HSL
- hsl(174 36% 63%)
- HWB
- hwb(174 49% 24%)
- OKLCH
- oklch(0.767 0.07 187.6)
- OKLab
- oklab(0.767 -0.069 -0.009)
- CIE Lab
- lab(73.76 -23.61 -3.67)
- LCH
- lch(73.76 23.89 188.8)
- CMYK
- cmyk(35% 0% 4% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8CC8C2
- 99CEC8
- A6D4CF
- B3DAD6
- C0E0DD
- CCE7E3
- D9EDEA
- E6F3F1
- F2F9F8
درجات داكنة
- 6DA8A2
- 5C8F8A
- 4C7773
- 3C605C
- 2D4946
- 1F3432
- 11201F
- 050E0D
- 010202
درجات رمادية
- 7FBBB5
- 80B5AF
- 81AEA9
- 81A7A3
- 82A19D
- 829A97
- 819491
- 818D8B
- 818686
تناسق الألوان
متمم +180°
- 7EC2BB
Cyantific
- DBA1AB
≈ Nana’s Rose
متجاور -30° +30°
- 7EC2BB
Cyantific
- 8EC1A2
≈ Lark Green
- 7FBFD1
≈ Aftercare
ثلاثي +120° +240°
- 7EC2BB
Cyantific
- BFA8D6
≈ Perfume
- D1AB84
≈ Toast and Butter
متمم منقسم +150° +210°
- 7EC2BB
Cyantific
- D1A3C3
≈ Geranium Bud
- DBA494
≈ Conch Pink
رباعي +90° +180° +270°
- 7EC2BB
Cyantific
- A8B0E0
≈ High Style
- DBA1AB
≈ Nana’s Rose
- BFB481
≈ Ecru
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.03:1 · APCA Lc 39
Ag
AAAعلى الأسود
WCAG 10.32:1 · APCA Lc 63
أفضل لون للنص: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cyantific: #7ec2bb;
--cyantific-rgb: 126 194 187;
--cyantific-oklch: oklch(0.767 0.07 187.6);
}
.element {
color: var(--cyantific);
background-color: hsl(174 36% 63%);
border-color: oklch(0.767 0.07 187.6);
}Tailwind CSS v4
@theme {
--color-cyantific: #7ec2bb;
--color-cyantific-50: #e0fcf9;
--color-cyantific-100: #cff0ed;
--color-cyantific-200: #b3deda;
--color-cyantific-300: #8ec3bf;
--color-cyantific-400: #6daca6;
--color-cyantific-500: #49958e;
--color-cyantific-600: #3f7e78;
--color-cyantific-700: #326560;
--color-cyantific-800: #234a46;
--color-cyantific-900: #173430;
--color-cyantific-950: #081f1c;
}SCSS
$cyantific: #7ec2bb;
$cyantific-rgb: 126, 194, 187;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}