最も近い色名 · #89C6D2
#89C6D2
最も近い色名: Wavelet
#89C6D2（rgb(137 198 210)、hsl(190 45% 68%)、oklch(0.789 0.065 211.2)）に最も近い色名はWaveletです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#89C6D2
oklch(0.789 0.065 211.2)
カラー変換
- HEX
- #89c6d2
- RGB
- rgb(137 198 210)
- HSL
- hsl(190 45% 68%)
- HWB
- hwb(190 54% 18%)
- OKLCH
- oklch(0.789 0.065 211.2)
- OKLab
- oklab(0.789 -0.055 -0.033)
- CIE Lab
- lab(76.04 -18.09 -12.62)
- LCH
- lch(76.04 22.05 214.9)
- CMYK
- cmyk(35% 6% 0% 18%)
ティント · シェード · トーン
ティント
- 95CCD6
- A1D1DB
- ADD7DF
- B9DDE4
- C5E3E8
- D1E8ED
- DCEEF1
- E8F4F6
- F3F9FA
シェード
- 76ACB6
- 64929B
- 537A81
- 426268
- 314B50
- 223539
- 142124
- 070E10
- 010202
トーン
- 89BFCA
- 88B8C1
- 88B1B9
- 87AAB0
- 86A3A8
- 859CA0
- 849598
- 838E90
- 828788
カラーハーモニー
補色 +180°
- 89C6D2
Wavelet
- E1ACA1
≈ Pale Blush
類似色 -30° +30°
- 89C6D2
Wavelet
- 8CC8BD
≈ Tranquil Teal
- 96C0E0
≈ Blue Magpie
トライアド +120° +240°
- 89C6D2
Wavelet
- D3ACCD
≈ Queenly
- CAB98B
≈ Canvas Satchel
スプリットコンプリメンタリー +150° +210°
- 89C6D2
Wavelet
- DFAAB8
≈ Apple Infusion
- D9B190
≈ Blonde Lace
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.89:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 11.07:1 · APCA Lc 66
最適な文字色: #000000
WCAG 11.07:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--wavelet: #89c6d2;
--wavelet-rgb: 137 198 210;
--wavelet-oklch: oklch(0.789 0.065 211.2);
}
.element {
color: var(--wavelet);
background-color: hsl(190 45% 68%);
border-color: oklch(0.789 0.065 211.2);
}Tailwind CSS v4
@theme {
--color-wavelet: #89c6d2;
--color-wavelet-50: #e1faff;
--color-wavelet-100: #d1eef5;
--color-wavelet-200: #b6dce5;
--color-wavelet-300: #92c1cb;
--color-wavelet-400: #70a9b4;
--color-wavelet-500: #4e929f;
--color-wavelet-600: #437b86;
--color-wavelet-700: #35636b;
--color-wavelet-800: #25494e;
--color-wavelet-900: #193237;
--color-wavelet-950: #091e21;
}SCSS
$wavelet: #89c6d2;
$wavelet-rgb: 137, 198, 210;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}