لون مسمّى · #7CBD85
Flashman
Flashman هو #7CBD85: rgb(124 189 133)، hsl(128 33% 61%)، oklch(0.74 0.104 147.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Flashman color name →
#7CBD85
oklch(0.74 0.104 147.9)
تحويلات الألوان
- HEX
- #7cbd85
- RGB
- rgb(124 189 133)
- HSL
- hsl(128 33% 61%)
- HWB
- hwb(128 49% 26%)
- OKLCH
- oklch(0.74 0.104 147.9)
- OKLab
- oklab(0.74 -0.088 0.055)
- CIE Lab
- lab(71.14 -30.35 21.57)
- LCH
- lch(71.14 37.23 144.6)
- CMYK
- cmyk(34% 0% 30% 26%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 8AC491
- 97CA9D
- A4D1A9
- B1D8B5
- BEDEC1
- CBE5CD
- D8EBDA
- E5F2E6
- F2F8F2
درجات داكنة
- 6BA473
- 5A8C61
- 4A7450
- 3B5D40
- 2C4730
- 1E3321
- 111F13
- 050D06
- 010201
درجات رمادية
- 7DB785
- 7EB185
- 7FAB84
- 80A584
- 809E83
- 809883
- 809282
- 808C81
- 808681
تناسق الألوان
متمم +180°
- 7CBD85
Flashman
- CF93CC
≈ Ineffable Magenta
متجاور -30° +30°
- 7CBD85
Flashman
- A5B465
≈ Cornstalk
- 55C0AB
≈ Florida Keys
ثلاثي +120° +240°
- 7CBD85
Flashman
- 8EA8ED
≈ Kitten’s Eye
- E59186
≈ Strawberry Memory
متمم منقسم +150° +210°
- 7CBD85
Flashman
- B29CE4
≈ Violet Velvet
- E08FAA
≈ Pomelo Red
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.21:1 · APCA Lc 44
Ag
AAAعلى الأسود
WCAG 9.47:1 · APCA Lc 59
أفضل لون للنص: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--flashman: #7cbd85;
--flashman-rgb: 124 189 133;
--flashman-oklch: oklch(0.74 0.104 147.9);
}
.element {
color: var(--flashman);
background-color: hsl(128 33% 61%);
border-color: oklch(0.74 0.104 147.9);
}Tailwind CSS v4
@theme {
--color-flashman: #7cbd85;
--color-flashman-50: #e1fee6;
--color-flashman-100: #d0f2d6;
--color-flashman-200: #b5e1bd;
--color-flashman-300: #91c79b;
--color-flashman-400: #73b07b;
--color-flashman-500: #51995d;
--color-flashman-600: #46814f;
--color-flashman-700: #37683f;
--color-flashman-800: #294c2c;
--color-flashman-900: #1b351d;
--color-flashman-950: #0b200d;
}SCSS
$flashman: #7cbd85;
$flashman-rgb: 124, 189, 133;
$flashman-light: mix(#fff, $flashman, 20%);
$flashman-dark: mix(#000, $flashman, 20%);
.element {
color: $flashman;
box-shadow: 0 0 0 2px rgba($flashman, 0.35);
}