لون مسمّى · #73FA79
Flora
Flora هو #73FA79: rgb(115 250 121)، hsl(123 93% 72%)، oklch(0.881 0.208 144.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Flora color name →
#73FA79
oklch(0.881 0.208 144.4)
تحويلات الألوان
- HEX
- #73fa79
- RGB
- rgb(115 250 121)
- HSL
- hsl(123 93% 72%)
- HWB
- hwb(123 45% 2%)
- OKLCH
- oklch(0.881 0.208 144.4)
- OKLab
- oklab(0.881 -0.169 0.121)
- CIE Lab
- lab(88.69 -57.67 49.52)
- LCH
- lch(88.69 76.01 139.3)
- CMYK
- cmyk(54% 0% 52% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 85FB88
- 96FC97
- A5FDA5
- B3FEB3
- C1FEC0
- CEFFCD
- DBFFDA
- E7FFE6
- F3FFF3
درجات داكنة
- 63D968
- 54BA58
- 459B48
- 367D39
- 28612B
- 1B461D
- 0F2D10
- 051505
- 010301
درجات رمادية
- 78EE7C
- 7BE17E
- 7ED57F
- 80C980
- 81BC81
- 82B082
- 82A482
- 829881
- 818C81
تناسق الألوان
متمم +180°
- 73FA79
Flora
- FBC0FF
≈ Electric Lavender
متجاور -30° +30°
- 73FA79
Flora
- D7E500
≈ Sickly Yellow
- 00FBD0
≈ Bright Teal
ثلاثي +120° +240°
متمم منقسم +150° +210°
- 73FA79
Flora
- DAD0FF
≈ Pale Lavender
- FFC5DB
≈ Sweet Romance
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.33:1 · APCA Lc 16
Ag
AAAعلى الأسود
WCAG 15.67:1 · APCA Lc 87
أفضل لون للنص: #000000
WCAG 15.67:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--flora: #73fa79;
--flora-rgb: 115 250 121;
--flora-oklch: oklch(0.881 0.208 144.4);
}
.element {
color: var(--flora);
background-color: hsl(123 93% 72%);
border-color: oklch(0.881 0.208 144.4);
}Tailwind CSS v4
@theme {
--color-flora: #73fa79;
--color-flora-50: #cfffd2;
--color-flora-100: #bbfbbf;
--color-flora-200: #97ec9e;
--color-flora-300: #66d374;
--color-flora-400: #38bc43;
--color-flora-500: #00a600;
--color-flora-600: #008c00;
--color-flora-700: #007002;
--color-flora-800: #005200;
--color-flora-900: #003a00;
--color-flora-950: #002400;
}SCSS
$flora: #73fa79;
$flora-rgb: 115, 250, 121;
$flora-light: mix(#fff, $flora, 20%);
$flora-dark: mix(#000, $flora, 20%);
.element {
color: $flora;
box-shadow: 0 0 0 2px rgba($flora, 0.35);
}