لون مسمّى · #026B67
Chitin Green
Chitin Green هو #026B67: rgb(2 107 103)، hsl(178 96% 21%)، oklch(0.477 0.082 190.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Chitin Green color name →
#026B67
oklch(0.477 0.082 190.3)
تحويلات الألوان
- HEX
- #026b67
- RGB
- rgb(2 107 103)
- HSL
- hsl(178 96% 21%)
- HWB
- hwb(178 1% 58%)
- OKLCH
- oklch(0.477 0.082 190.3)
- OKLab
- oklab(0.477 -0.08 -0.015)
- CIE Lab
- lab(40.21 -27.62 -5.61)
- LCH
- lch(40.21 28.18 191.5)
- CMYK
- cmyk(98% 0% 4% 58%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 2E7975
- 488783
- 609692
- 77A4A1
- 8DB3B0
- A4C2BF
- BAD1CF
- D1E0DF
- E8EFEF
درجات داكنة
- 015C59
- 014E4B
- 013F3D
- 003230
- 002523
- 001817
- 000D0C
- 000404
- 000000
درجات رمادية
- 206D69
- 30706C
- 3D726E
- 487471
- 527673
- 5C7876
- 657A78
- 6E7C7B
- 777E7D
تناسق الألوان
متمم +180°
- 026B67
Chitin Green
- 844852
≈ Parauri Brown
متجاور -30° +30°
- 026B67
Chitin Green
- 2C6B4D
≈ Chopped Chive
- 12677C
≈ Tahitian Tide
ثلاثي +120° +240°
- 026B67
Chitin Green
- 6B4F7F
≈ Exotic Purple
- 7A5423
≈ Lizard Brown
متمم منقسم +150° +210°
- 026B67
Chitin Green
- 7B4A6B
≈ Brocade Violet
- 834C38
≈ Sencha Brown
رباعي +90° +180° +270°
- 026B67
Chitin Green
- 54578A
≈ Rich Violet
- 844852
≈ Parauri Brown
- 675E20
≈ High Forest Green
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 6.36:1 · APCA Lc 81
Ag
Failعلى الأسود
WCAG 3.30:1 · APCA Lc 21
أفضل لون للنص: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--chitin-green: #026b67;
--chitin-green-rgb: 2 107 103;
--chitin-green-oklch: oklch(0.477 0.082 190.3);
}
.element {
color: var(--chitin-green);
background-color: hsl(178 96% 21%);
border-color: oklch(0.477 0.082 190.3);
}Tailwind CSS v4
@theme {
--color-chitin-green: #026b67;
--color-chitin-green-50: #dcfdfb;
--color-chitin-green-100: #caf1ef;
--color-chitin-green-200: #ace0dd;
--color-chitin-green-300: #85c5c2;
--color-chitin-green-400: #60aea9;
--color-chitin-green-500: #359792;
--color-chitin-green-600: #2f807c;
--color-chitin-green-700: #266763;
--color-chitin-green-800: #1a4b48;
--color-chitin-green-900: #113432;
--color-chitin-green-950: #03201e;
}SCSS
$chitin-green: #026b67;
$chitin-green-rgb: 2, 107, 103;
$chitin-green-light: mix(#fff, $chitin-green, 20%);
$chitin-green-dark: mix(#000, $chitin-green, 20%);
.element {
color: $chitin-green;
box-shadow: 0 0 0 2px rgba($chitin-green, 0.35);
}