لون مسمّى · #67A181
Sea Lettuce
Sea Lettuce هو #67A181: rgb(103 161 129)، hsl(147 24% 52%)، oklch(0.66 0.078 159.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Sea Lettuce color name →
#67A181
oklch(0.66 0.078 159.2)
تحويلات الألوان
- HEX
- #67a181
- RGB
- rgb(103 161 129)
- HSL
- hsl(147 24% 52%)
- HWB
- hwb(147 40% 37%)
- OKLCH
- oklch(0.66 0.078 159.2)
- OKLab
- oklab(0.66 -0.073 0.028)
- CIE Lab
- lab(61.57 -25.24 10.45)
- LCH
- lch(61.57 27.32 157.5)
- CMYK
- cmyk(36% 0% 20% 37%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 76AA8D
- 86B399
- 95BDA5
- A4C6B2
- B3CFBE
- C2D9CB
- D1E2D8
- E0ECE5
- F0F5F2
درجات داكنة
- 598B6F
- 4B765E
- 3D624E
- 304E3E
- 233C2E
- 172A1F
- 0C1912
- 040906
- 000101
درجات رمادية
- 6A9E81
- 6D9A81
- 709781
- 739481
- 769181
- 788D81
- 7A8A80
- 7C8780
- 7E8380
تناسق الألوان
متمم +180°
- 67A181
Sea Lettuce
- B280A2
≈ Antique Hot Pink
متجاور -30° +30°
- 67A181
Sea Lettuce
- 839C68
≈ Tendril
- 54A29C
≈ Teal Bayou
ثلاثي +120° +240°
- 67A181
Sea Lettuce
- 888DC2
≈ Carriage Ride
- BC826F
≈ Western Pink
متمم منقسم +150° +210°
- 67A181
Sea Lettuce
- A085B7
≈ Peony Mauve
- BC7E88
≈ Lipstick Pink
رباعي +90° +180° +270°
- 67A181
Sea Lettuce
- 6D96C0
≈ Blue Tuna
- B280A2
≈ Antique Hot Pink
- B18A5D
≈ It Works
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.00:1 · APCA Lc 57
Ag
AAعلى الأسود
WCAG 6.99:1 · APCA Lc 45
أفضل لون للنص: #000000
WCAG 6.99:1 (AA) · APCA Lc 45
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sea-lettuce: #67a181;
--sea-lettuce-rgb: 103 161 129;
--sea-lettuce-oklch: oklch(0.66 0.078 159.2);
}
.element {
color: var(--sea-lettuce);
background-color: hsl(147 24% 52%);
border-color: oklch(0.66 0.078 159.2);
}Tailwind CSS v4
@theme {
--color-sea-lettuce: #67a181;
--color-sea-lettuce-50: #e3fdee;
--color-sea-lettuce-100: #d2f0e0;
--color-sea-lettuce-200: #b8dfca;
--color-sea-lettuce-300: #94c4ab;
--color-sea-lettuce-400: #76ad8e;
--color-sea-lettuce-500: #559674;
--color-sea-lettuce-600: #497f62;
--color-sea-lettuce-700: #3a664e;
--color-sea-lettuce-800: #2a4b38;
--color-sea-lettuce-900: #1c3426;
--color-sea-lettuce-950: #0c1f14;
}SCSS
$sea-lettuce: #67a181;
$sea-lettuce-rgb: 103, 161, 129;
$sea-lettuce-light: mix(#fff, $sea-lettuce, 20%);
$sea-lettuce-dark: mix(#000, $sea-lettuce, 20%);
.element {
color: $sea-lettuce;
box-shadow: 0 0 0 2px rgba($sea-lettuce, 0.35);
}