En yakın adlandırılmış renk · #6CC5A6
#6CC5A6
En yakın adlandırılmış renk: Spearmint
#6CC5A6 (rgb(108 197 166), hsl(159 43% 60%), oklch(0.759 0.098 169)) en çok Spearmint adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#6CC5A6
oklch(0.759 0.098 169)
Renk dönüşümleri
- HEX
- #6cc5a6
- RGB
- rgb(108 197 166)
- HSL
- hsl(159 43% 60%)
- HWB
- hwb(159 42% 23%)
- OKLCH
- oklch(0.759 0.098 169)
- OKLab
- oklab(0.759 -0.096 0.019)
- CIE Lab
- lab(73.33 -33.57 6.88)
- LCH
- lch(73.33 34.27 168.4)
- CMYK
- cmyk(45% 0% 16% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7DCBAF
- 8CD1B7
- 9CD7C0
- AADCC9
- B9E2D2
- C7E8DB
- D5EEE4
- E3F4ED
- F1F9F6
Koyu tonlar
- 5DAB90
- 4E927A
- 407965
- 326151
- 254B3E
- 19352B
- 0D211A
- 040E0A
- 000201
Gri tonlar
- 70BEA2
- 73B79E
- 76B09A
- 79A997
- 7BA293
- 7C9B8F
- 7E958B
- 7F8E88
- 7F8784
Renk uyumları
Tamamlayıcı +180°
- 6CC5A6
Spearmint
- E097BB
≈ Soft Matte
Analog -30° +30°
- 6CC5A6
Spearmint
- 91C084
≈ Hearty Hosta
- 59C4C8
≈ Rapids
Üçlü +120° +240°
- 6CC5A6
Spearmint
- AEA7EB
≈ Maximum Blue Purple
- E49E79
≈ Les Demoiselles d’Avignon
Bölünmüş tamamlayıcı +150° +210°
- 6CC5A6
Spearmint
- CC9DD9
≈ Autumn Wisteria
- E89798
≈ Franken Berry
Dörtlü +90° +180° +270°
- 6CC5A6
Spearmint
- 8BB2EF
≈ Fly Away
- E097BB
≈ Soft Matte
- D2AA66
≈ Ginger Crunch
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.17:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--spearmint: #6cc5a6;
--spearmint-rgb: 108 197 166;
--spearmint-oklch: oklch(0.759 0.098 169);
}
.element {
color: var(--spearmint);
background-color: hsl(159 43% 60%);
border-color: oklch(0.759 0.098 169);
}Tailwind CSS v4
@theme {
--color-spearmint: #6cc5a6;
--color-spearmint-50: #dafff1;
--color-spearmint-100: #c8f3e3;
--color-spearmint-200: #aae2cf;
--color-spearmint-300: #82c8b1;
--color-spearmint-400: #5eb194;
--color-spearmint-500: #309b7b;
--color-spearmint-600: #2b8368;
--color-spearmint-700: #236953;
--color-spearmint-800: #194d3b;
--color-spearmint-900: #103629;
--color-spearmint-950: #032116;
}SCSS
$spearmint: #6cc5a6;
$spearmint-rgb: 108, 197, 166;
$spearmint-light: mix(#fff, $spearmint, 20%);
$spearmint-dark: mix(#000, $spearmint, 20%);
.element {
color: $spearmint;
box-shadow: 0 0 0 2px rgba($spearmint, 0.35);
}