En yakın adlandırılmış renk · #89C5A0
#89C5A0
En yakın adlandırılmış renk: Irish Spring
#89C5A0 (rgb(137 197 160), hsl(143 34% 65%), oklch(0.772 0.082 156.8)) en çok Irish Spring 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.
#89C5A0
oklch(0.772 0.082 156.8)
Renk dönüşümleri
- HEX
- #89c5a0
- RGB
- rgb(137 197 160)
- HSL
- hsl(143 34% 65%)
- HWB
- hwb(143 54% 23%)
- OKLCH
- oklch(0.772 0.082 156.8)
- OKLab
- oklab(0.772 -0.075 0.032)
- CIE Lab
- lab(74.65 -25.96 12.18)
- LCH
- lch(74.65 28.67 154.9)
- CMYK
- cmyk(30% 0% 19% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 95CBA9
- A1D1B3
- ADD6BC
- B9DCC5
- C5E2CF
- D0E8D8
- DCEEE2
- E8F3EC
- F3F9F5
Koyu tonlar
- 76AB8B
- 649276
- 537961
- 42614E
- 314B3B
- 223529
- 142119
- 070E09
- 010201
Gri tonlar
- 89BE9D
- 88B79A
- 88B096
- 87A993
- 86A290
- 859B8D
- 84948A
- 838E86
- 818783
Renk uyumları
Tamamlayıcı +180°
- 89C5A0
Irish Spring
- D7A1C8
≈ Pastel Lavender
Analog -30° +30°
- 89C5A0
Irish Spring
- A7BF86
≈ Green Herb
- 74C6BD
≈ Cyantific
Üçlü +120° +240°
- 89C5A0
Irish Spring
- A7B1E9
≈ Maximum Blue Purple
- E3A390
≈ Venetian Plaster
Bölünmüş tamamlayıcı +150° +210°
- 89C5A0
Irish Spring
- C2A8DE
≈ Perfume
- E39FAC
≈ Vintage Victorian
Dörtlü +90° +180° +270°
- 89C5A0
Irish Spring
- 8ABAE7
≈ Electric Eel
- D7A1C8
≈ Pastel Lavender
- D9AB7C
≈ Paper Brown
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.98:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.55:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--irish-spring: #89c5a0;
--irish-spring-rgb: 137 197 160;
--irish-spring-oklch: oklch(0.772 0.082 156.8);
}
.element {
color: var(--irish-spring);
background-color: hsl(143 34% 65%);
border-color: oklch(0.772 0.082 156.8);
}Tailwind CSS v4
@theme {
--color-irish-spring: #89c5a0;
--color-irish-spring-50: #e3fded;
--color-irish-spring-100: #d2f1de;
--color-irish-spring-200: #b8dfc8;
--color-irish-spring-300: #94c5a8;
--color-irish-spring-400: #75ad8b;
--color-irish-spring-500: #559770;
--color-irish-spring-600: #497f5f;
--color-irish-spring-700: #3a664c;
--color-irish-spring-800: #2a4b36;
--color-irish-spring-900: #1c3425;
--color-irish-spring-950: #0c1f13;
}SCSS
$irish-spring: #89c5a0;
$irish-spring-rgb: 137, 197, 160;
$irish-spring-light: mix(#fff, $irish-spring, 20%);
$irish-spring-dark: mix(#000, $irish-spring, 20%);
.element {
color: $irish-spring;
box-shadow: 0 0 0 2px rgba($irish-spring, 0.35);
}