لون مسمّى · #54B490
Aruba Green
Aruba Green هو #54B490: rgb(84 180 144)، hsl(158 39% 52%)، oklch(0.702 0.106 166.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Aruba Green color name →
#54B490
oklch(0.702 0.106 166.3)
تحويلات الألوان
- HEX
- #54b490
- RGB
- rgb(84 180 144)
- HSL
- hsl(158 39% 52%)
- HWB
- hwb(158 33% 29%)
- OKLCH
- oklch(0.702 0.106 166.3)
- OKLab
- oklab(0.702 -0.103 0.025)
- CIE Lab
- lab(66.81 -36.29 9.4)
- LCH
- lch(66.81 37.48 165.5)
- CMYK
- cmyk(53% 0% 20% 29%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 68BC9B
- 7BC3A5
- 8CCBB0
- 9DD2BB
- AEDAC6
- BEE1D1
- CFE9DD
- DFF0E8
- EFF8F3
درجات داكنة
- 489C7D
- 3C856A
- 316E57
- 265845
- 1B4434
- 113024
- 081D15
- 020C07
- 000201
درجات رمادية
- 5BAF8E
- 62AA8D
- 67A58B
- 6C9F8A
- 709A88
- 749587
- 789085
- 7B8B83
- 7E8582
تناسق الألوان
متمم +180°
- 54B490
Aruba Green
- CF83AD
≈ Ice Plant
متجاور -30° +30°
- 54B490
Aruba Green
- 80AE6B
≈ Organic Green
- 35B3B5
≈ Lake Tahoe Turquoise
ثلاثي +120° +240°
- 54B490
Aruba Green
- 9A95DE
≈ Portage
- D68965
≈ Copper Coin
متمم منقسم +150° +210°
- 54B490
Aruba Green
- B98ACB
≈ Creeping Bellflower
- D98388
≈ Rhubarb Pie
رباعي +90° +180° +270°
- 54B490
Aruba Green
- 72A1E0
≈ Greek Sea
- CF83AD
≈ Ice Plant
- C5964D
≈ Narcissus
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.52:1 · APCA Lc 49
Ag
AAAعلى الأسود
WCAG 8.30:1 · APCA Lc 53
أفضل لون للنص: #000000
WCAG 8.30:1 (AAA) · APCA Lc 53
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--aruba-green: #54b490;
--aruba-green-rgb: 84 180 144;
--aruba-green-oklch: oklch(0.702 0.106 166.3);
}
.element {
color: var(--aruba-green);
background-color: hsl(158 39% 52%);
border-color: oklch(0.702 0.106 166.3);
}Tailwind CSS v4
@theme {
--color-aruba-green: #54b490;
--color-aruba-green-50: #d9ffef;
--color-aruba-green-100: #c6f4e1;
--color-aruba-green-200: #a8e3cc;
--color-aruba-green-300: #7fc9ad;
--color-aruba-green-400: #59b390;
--color-aruba-green-500: #279c76;
--color-aruba-green-600: #248464;
--color-aruba-green-700: #1d6a50;
--color-aruba-green-800: #154e39;
--color-aruba-green-900: #0e3627;
--color-aruba-green-950: #012115;
}SCSS
$aruba-green: #54b490;
$aruba-green-rgb: 84, 180, 144;
$aruba-green-light: mix(#fff, $aruba-green, 20%);
$aruba-green-dark: mix(#000, $aruba-green, 20%);
.element {
color: $aruba-green;
box-shadow: 0 0 0 2px rgba($aruba-green, 0.35);
}