Adlandırılmış renk · #026B67
Chitin Green
Chitin Green, #026B67: rgb(2 107 103), hsl(178 96% 21%), oklch(0.477 0.082 190.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Teal mean? → · Chitin Green color name →
#026B67
oklch(0.477 0.082 190.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E7975
- 488783
- 609692
- 77A4A1
- 8DB3B0
- A4C2BF
- BAD1CF
- D1E0DF
- E8EFEF
Koyu tonlar
- 015C59
- 014E4B
- 013F3D
- 003230
- 002523
- 001817
- 000D0C
- 000404
- 000000
Gri tonlar
- 206D69
- 30706C
- 3D726E
- 487471
- 527673
- 5C7876
- 657A78
- 6E7C7B
- 777E7D
Renk uyumları
Tamamlayıcı +180°
- 026B67
Chitin Green
- 844852
≈ Parauri Brown
Analog -30° +30°
- 026B67
Chitin Green
- 2C6B4D
≈ Chopped Chive
- 12677C
≈ Tahitian Tide
Üçlü +120° +240°
- 026B67
Chitin Green
- 6B4F7F
≈ Exotic Purple
- 7A5423
≈ Lizard Brown
Bölünmüş tamamlayıcı +150° +210°
- 026B67
Chitin Green
- 7B4A6B
≈ Brocade Violet
- 834C38
≈ Sencha Brown
Dörtlü +90° +180° +270°
- 026B67
Chitin Green
- 54578A
≈ Rich Violet
- 844852
≈ Parauri Brown
- 675E20
≈ High Forest Green
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.36:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.30:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}