لون مسمّى · #799781
Sea Radish
Sea Radish هو #799781: rgb(121 151 129)، hsl(136 13% 53%)، oklch(0.647 0.047 153.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Sea Radish color name →
#799781
oklch(0.647 0.047 153.2)
تحويلات الألوان
- HEX
- #799781
- RGB
- rgb(121 151 129)
- HSL
- hsl(136 13% 53%)
- HWB
- hwb(136 47% 41%)
- OKLCH
- oklch(0.647 0.047 153.2)
- OKLab
- oklab(0.647 -0.042 0.021)
- CIE Lab
- lab(59.68 -14.35 8.01)
- LCH
- lch(59.68 16.44 150.8)
- CMYK
- cmyk(20% 0% 15% 41%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 86A18D
- 93AB99
- A0B5A5
- ADC0B2
- BACABE
- C8D4CB
- D5DFD8
- E3EAE5
- F1F4F2
درجات داكنة
- 68836F
- 586F5E
- 485C4E
- 39493E
- 2B372E
- 1D261F
- 101712
- 050806
- 010101
درجات رمادية
- 7A9581
- 7B9281
- 7C9081
- 7C8E81
- 7D8C81
- 7E8981
- 7E8780
- 7F8580
- 7F8280
تناسق الألوان
متمم +180°
- 799781
Sea Radish
- A0849B
≈ Berry Bright
متجاور -30° +30°
- 799781
Sea Radish
- 899374
≈ Royal Oakleaf
- 6E9891
≈ Pale Verdigris
ثلاثي +120° +240°
- 799781
Sea Radish
- 858DAC
≈ Non Skid Grey
- A9847C
≈ Hushed Auburn
متمم منقسم +150° +210°
- 799781
Sea Radish
- 9488A6
≈ Antique Viola
- A8838B
≈ Natural Spring
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.20:1 · APCA Lc 59
Ag
AAعلى الأسود
WCAG 6.55:1 · APCA Lc 43
أفضل لون للنص: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--sea-radish: #799781;
--sea-radish-rgb: 121 151 129;
--sea-radish-oklch: oklch(0.647 0.047 153.2);
}
.element {
color: var(--sea-radish);
background-color: hsl(136 13% 53%);
border-color: oklch(0.647 0.047 153.2);
}Tailwind CSS v4
@theme {
--color-sea-radish: #799781;
--color-sea-radish-50: #ebf9ef;
--color-sea-radish-100: #dcede1;
--color-sea-radish-200: #c5dbcc;
--color-sea-radish-300: #a5bfad;
--color-sea-radish-400: #8aa792;
--color-sea-radish-500: #6f9078;
--color-sea-radish-600: #5e7965;
--color-sea-radish-700: #4b6151;
--color-sea-radish-800: #37473a;
--color-sea-radish-900: #253128;
--color-sea-radish-950: #141d16;
}SCSS
$sea-radish: #799781;
$sea-radish-rgb: 121, 151, 129;
$sea-radish-light: mix(#fff, $sea-radish, 20%);
$sea-radish-dark: mix(#000, $sea-radish, 20%);
.element {
color: $sea-radish;
box-shadow: 0 0 0 2px rgba($sea-radish, 0.35);
}