最も近い色名 · #89C5A0
#89C5A0
最も近い色名: Irish Spring
#89C5A0（rgb(137 197 160)、hsl(143 34% 65%)、oklch(0.772 0.082 156.8)）に最も近い色名はIrish Springです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#89C5A0
oklch(0.772 0.082 156.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 95CBA9
- A1D1B3
- ADD6BC
- B9DCC5
- C5E2CF
- D0E8D8
- DCEEE2
- E8F3EC
- F3F9F5
シェード
- 76AB8B
- 649276
- 537961
- 42614E
- 314B3B
- 223529
- 142119
- 070E09
- 010201
トーン
- 89BE9D
- 88B79A
- 88B096
- 87A993
- 86A290
- 859B8D
- 84948A
- 838E86
- 818783
カラーハーモニー
補色 +180°
- 89C5A0
Irish Spring
- D7A1C8
≈ Pastel Lavender
類似色 -30° +30°
- 89C5A0
Irish Spring
- A7BF86
≈ Green Herb
- 74C6BD
≈ Cyantific
トライアド +120° +240°
- 89C5A0
Irish Spring
- A7B1E9
≈ Maximum Blue Purple
- E3A390
≈ Venetian Plaster
スプリットコンプリメンタリー +150° +210°
- 89C5A0
Irish Spring
- C2A8DE
≈ Perfume
- E39FAC
≈ Vintage Victorian
テトラード +90° +180° +270°
- 89C5A0
Irish Spring
- 8ABAE7
≈ Electric Eel
- D7A1C8
≈ Pastel Lavender
- D9AB7C
≈ Paper Brown
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.98:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.55:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.55:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
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);
}