Adlandırılmış renk · #6FB7A8
Glacial Green
Glacial Green, #6FB7A8: rgb(111 183 168), hsl(168 33% 58%), oklch(0.728 0.076 179.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? → · Glacial Green color name →
#6FB7A8
oklch(0.728 0.076 179.3)
Renk dönüşümleri
- HEX
- #6fb7a8
- RGB
- rgb(111 183 168)
- HSL
- hsl(168 33% 58%)
- HWB
- hwb(168 44% 28%)
- OKLCH
- oklch(0.728 0.076 179.3)
- OKLab
- oklab(0.728 -0.076 0.001)
- CIE Lab
- lab(69.37 -26.28 0.16)
- LCH
- lch(69.37 26.28 179.7)
- CMYK
- cmyk(39% 0% 8% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7EBEB0
- 8DC5B9
- 9CCDC1
- AAD4CA
- B8DBD3
- C7E2DB
- D5E9E4
- E3F1ED
- F1F8F6
Koyu tonlar
- 609F92
- 51877C
- 427067
- 345A52
- 27453F
- 1A312C
- 0E1E1A
- 040C0A
- 010201
Gri tonlar
- 72B1A4
- 75ACA0
- 77A69C
- 79A198
- 7B9B94
- 7C9690
- 7D908C
- 7E8B88
- 7F8584
Renk uyumları
Tamamlayıcı +180°
- 6FB7A8
Glacial Green
- CF93A6
≈ Madagascar Pink
Analog -30° +30°
- 6FB7A8
Glacial Green
- 85B58D
≈ Veiled Chameleon
- 6AB4C1
≈ Riverside Blue
Üçlü +120° +240°
- 6FB7A8
Glacial Green
- AD9DD1
≈ Imperial Lilac
- CB9C77
≈ Chimaera Brown
Bölünmüş tamamlayıcı +150° +210°
- 6FB7A8
Glacial Green
- C296BF
≈ Pomtini
- D3958B
≈ Peach Preserve
Dörtlü +90° +180° +270°
- 6FB7A8
Glacial Green
- 93A5D8
≈ Dalmatian Sage
- CF93A6
≈ Madagascar Pink
- BAA56F
≈ Horn of Plenty
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.32:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 9.01:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--glacial-green: #6fb7a8;
--glacial-green-rgb: 111 183 168;
--glacial-green-oklch: oklch(0.728 0.076 179.3);
}
.element {
color: var(--glacial-green);
background-color: hsl(168 33% 58%);
border-color: oklch(0.728 0.076 179.3);
}Tailwind CSS v4
@theme {
--color-glacial-green: #6fb7a8;
--color-glacial-green-50: #dffdf6;
--color-glacial-green-100: #cdf1e9;
--color-glacial-green-200: #b1dfd6;
--color-glacial-green-300: #8cc5ba;
--color-glacial-green-400: #6aae9f;
--color-glacial-green-500: #459787;
--color-glacial-green-600: #3c7f72;
--color-glacial-green-700: #2f665c;
--color-glacial-green-800: #224b42;
--color-glacial-green-900: #16342d;
--color-glacial-green-950: #071f1a;
}SCSS
$glacial-green: #6fb7a8;
$glacial-green-rgb: 111, 183, 168;
$glacial-green-light: mix(#fff, $glacial-green, 20%);
$glacial-green-dark: mix(#000, $glacial-green, 20%);
.element {
color: $glacial-green;
box-shadow: 0 0 0 2px rgba($glacial-green, 0.35);
}