最も近い色名 · #94A4BF
#94A4BF
最も近い色名: Sailing
#94A4BF（rgb(148 164 191)、hsl(218 25% 66%)、oklch(0.715 0.043 260.9)）に最も近い色名はSailingです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#94A4BF
oklch(0.715 0.043 260.9)
カラー変換
- HEX
- #94a4bf
- RGB
- rgb(148 164 191)
- HSL
- hsl(218 25% 66%)
- HWB
- hwb(218 58% 25%)
- OKLCH
- oklch(0.715 0.043 260.9)
- OKLab
- oklab(0.715 -0.007 -0.043)
- CIE Lab
- lab(66.79 -1.35 -15.95)
- LCH
- lch(66.79 16 265.2)
- CMYK
- cmyk(23% 14% 0% 25%)
ティント · シェード · トーン
ティント
- 9EADC5
- A9B6CC
- B3BFD2
- BEC8D9
- C8D1DF
- D3DAE5
- DEE3EC
- E9ECF2
- F4F6F9
シェード
- 808EA6
- 6D798D
- 5A6475
- 48505E
- 363D48
- 262B33
- 161A1F
- 080A0D
- 010102
トーン
- 92A0B9
- 909DB2
- 8E99AC
- 8C96A5
- 8A929F
- 888E99
- 868B93
- 84878C
- 828486
カラーハーモニー
補色 +180°
- 94A4BF
Sailing
- B1A185
≈ Whitney Oaks
類似色 -30° +30°
- 94A4BF
Sailing
- 88A9BA
≈ Coventry Blue
- A39FBD
≈ Blue Buzz
トライアド +120° +240°
- 94A4BF
Sailing
- BD9997
≈ Lilac Suede
- 95AA91
≈ Natural Harmony
スプリットコンプリメンタリー +150° +210°
- 94A4BF
Sailing
- BA9C8B
≈ Coquina Shell
- A4A687
≈ Dark Envy
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.52:1 · APCA Lc 49
Ag
AAA黒の上
WCAG 8.32:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.32:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--sailing: #94a4bf;
--sailing-rgb: 148 164 191;
--sailing-oklch: oklch(0.715 0.043 260.9);
}
.element {
color: var(--sailing);
background-color: hsl(218 25% 66%);
border-color: oklch(0.715 0.043 260.9);
}Tailwind CSS v4
@theme {
--color-sailing: #94a4bf;
--color-sailing-50: #eff5ff;
--color-sailing-100: #e0e8f7;
--color-sailing-200: #cbd5e7;
--color-sailing-300: #acb8ce;
--color-sailing-400: #909fb9;
--color-sailing-500: #7687a4;
--color-sailing-600: #64728a;
--color-sailing-700: #505b6f;
--color-sailing-800: #394352;
--color-sailing-900: #272e39;
--color-sailing-950: #151b23;
}SCSS
$sailing: #94a4bf;
$sailing-rgb: 148, 164, 191;
$sailing-light: mix(#fff, $sailing, 20%);
$sailing-dark: mix(#000, $sailing, 20%);
.element {
color: $sailing;
box-shadow: 0 0 0 2px rgba($sailing, 0.35);
}