لون مسمّى · #3A6960
Seiheki Green
Seiheki Green هو #3A6960: rgb(58 105 96)، hsl(169 29% 32%)، oklch(0.484 0.054 180.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Seiheki Green color name →
#3A6960
oklch(0.484 0.054 180.2)
تحويلات الألوان
- HEX
- #3a6960
- RGB
- rgb(58 105 96)
- HSL
- hsl(169 29% 32%)
- HWB
- hwb(169 23% 59%)
- OKLCH
- oklch(0.484 0.054 180.2)
- OKLab
- oklab(0.484 -0.054 0)
- CIE Lab
- lab(40.86 -18.63 -0.22)
- LCH
- lch(40.86 18.63 180.7)
- CMYK
- cmyk(45% 0% 9% 59%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4D776F
- 60857D
- 73948D
- 87A29C
- 9AB1AC
- AEC1BC
- C2D0CC
- D6DFDD
- EAEFEE
درجات داكنة
- 315A52
- 284C45
- 203E38
- 18312C
- 102420
- 091815
- 040C0A
- 010403
- 000000
درجات رمادية
- 426B63
- 496E66
- 517069
- 58726D
- 5F7570
- 667773
- 6C7976
- 737C79
- 797E7D
تناسق الألوان
متمم +180°
- 3A6960
Seiheki Green
- 79525D
≈ Stravinsky Pink
متجاور -30° +30°
- 3A6960
Seiheki Green
- 49684F
≈ Green Perennial
- 376770
≈ Smock Blue
ثلاثي +120° +240°
- 3A6960
Seiheki Green
- 635879
≈ Regal Gown
- 76583F
≈ Chocolate Caliente
متمم منقسم +150° +210°
- 3A6960
Seiheki Green
- 71546D
≈ Cembra Blossom
- 7A534D
≈ Vandyck Brown
رباعي +90° +180° +270°
- 3A6960
Seiheki Green
- 535E7E
≈ Coastal Fjord
- 79525D
≈ Stravinsky Pink
- 6B5E3B
≈ Classic Olive
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.23:1 · APCA Lc 81
Ag
Failعلى الأسود
WCAG 3.36:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--seiheki-green: #3a6960;
--seiheki-green-rgb: 58 105 96;
--seiheki-green-oklch: oklch(0.484 0.054 180.2);
}
.element {
color: var(--seiheki-green);
background-color: hsl(169 29% 32%);
border-color: oklch(0.484 0.054 180.2);
}Tailwind CSS v4
@theme {
--color-seiheki-green: #3a6960;
--color-seiheki-green-50: #e5fbf6;
--color-seiheki-green-100: #d5eee9;
--color-seiheki-green-200: #bcdcd6;
--color-seiheki-green-300: #9ac1b9;
--color-seiheki-green-400: #7ba9a0;
--color-seiheki-green-500: #5d9288;
--color-seiheki-green-600: #4f7c73;
--color-seiheki-green-700: #3f635c;
--color-seiheki-green-800: #2d4942;
--color-seiheki-green-900: #1f322e;
--color-seiheki-green-950: #0e1e1b;
}SCSS
$seiheki-green: #3a6960;
$seiheki-green-rgb: 58, 105, 96;
$seiheki-green-light: mix(#fff, $seiheki-green, 20%);
$seiheki-green-dark: mix(#000, $seiheki-green, 20%);
.element {
color: $seiheki-green;
box-shadow: 0 0 0 2px rgba($seiheki-green, 0.35);
}