最も近い色名 · #E9F5F4
#E9F5F4
最も近い色名: Warp Drive
#E9F5F4（rgb(233 245 244)、hsl(175 38% 94%)、oklch(0.961 0.013 191)）に最も近い色名はWarp Driveです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E9F5F4
oklch(0.961 0.013 191)
カラー変換
- HEX
- #e9f5f4
- RGB
- rgb(233 245 244)
- HSL
- hsl(175 38% 94%)
- HWB
- hwb(175 91% 4%)
- OKLCH
- oklch(0.961 0.013 191)
- OKLab
- oklab(0.961 -0.013 -0.002)
- CIE Lab
- lab(95.61 -4.23 -0.96)
- LCH
- lch(95.61 4.34 192.8)
- CMYK
- cmyk(5% 0% 0% 4%)
ティント · シェード · トーン
ティント
- EBF6F5
- EDF7F6
- F0F8F7
- F2F9F8
- F4FAF9
- F6FBFB
- F8FCFC
- FBFDFD
- FDFEFE
シェード
- CBD5D4
- ADB6B5
- 909897
- 747B7A
- 5A5F5E
- 414444
- 292B2B
- 131514
- 030303
トーン
- DEE9E8
- D3DDDC
- C8D0D0
- BEC5C4
- B3B9B8
- A9ADAD
- 9EA2A1
- 949696
- 8A8B8B
カラーハーモニー
補色 +180°
- E9F5F4
Warp Drive
- FBEFF0
≈ Pale Cherry Blossom
類似色 -30° +30°
- E9F5F4
Warp Drive
- EBF5EF
≈ Shiroi White
- E9F4F8
≈ Milky Way
トライアド +120° +240°
- E9F5F4
Warp Drive
- F5F0F9
≈ Cloud Break
- F8F1E9
≈ Shea
スプリットコンプリメンタリー +150° +210°
- E9F5F4
Warp Drive
- F9EFF5
≈ Sentimental Pink
- FAEFEC
≈ Baby Blossom
テトラード +90° +180° +270°
- E9F5F4
Warp Drive
- F0F1FB
≈ Alpine Goat
- FBEFF0
≈ Pale Cherry Blossom
- F4F2E9
≈ Snow Globe
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.11:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.83:1 · APCA Lc 100
最適な文字色: #000000
WCAG 18.83:1 (AAA) · APCA Lc 100
Contrast pairs
コードスニペット
CSS
:root {
--warp-drive: #e9f5f4;
--warp-drive-rgb: 233 245 244;
--warp-drive-oklch: oklch(0.961 0.013 191);
}
.element {
color: var(--warp-drive);
background-color: hsl(175 38% 94%);
border-color: oklch(0.961 0.013 191);
}Tailwind CSS v4
@theme {
--color-warp-drive: #e9f5f4;
--color-warp-drive-50: #f1f6f6;
--color-warp-drive-100: #e3e9e9;
--color-warp-drive-200: #ced6d6;
--color-warp-drive-300: #b0b9b9;
--color-warp-drive-400: #96a1a0;
--color-warp-drive-500: #7d8988;
--color-warp-drive-600: #6a7473;
--color-warp-drive-700: #555d5c;
--color-warp-drive-800: #3e4443;
--color-warp-drive-900: #2a2f2e;
--color-warp-drive-950: #181b1b;
}SCSS
$warp-drive: #e9f5f4;
$warp-drive-rgb: 233, 245, 244;
$warp-drive-light: mix(#fff, $warp-drive, 20%);
$warp-drive-dark: mix(#000, $warp-drive, 20%);
.element {
color: $warp-drive;
box-shadow: 0 0 0 2px rgba($warp-drive, 0.35);
}