最も近い色名 · #EAF1EE
#EAF1EE
最も近い色名: Warp Drive
#EAF1EE（rgb(234 241 238)、hsl(154 20% 93%)、oklch(0.952 0.008 168.7)）に最も近い色名はWarp Driveです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EAF1EE
oklch(0.952 0.008 168.7)
カラー変換
- HEX
- #eaf1ee
- RGB
- rgb(234 241 238)
- HSL
- hsl(154 20% 93%)
- HWB
- hwb(154 92% 5%)
- OKLCH
- oklch(0.952 0.008 168.7)
- OKLab
- oklab(0.952 -0.008 0.002)
- CIE Lab
- lab(94.55 -2.81 0.6)
- LCH
- lch(94.55 2.87 168)
- CMYK
- cmyk(3% 0% 1% 5%)
ティント · シェード · トーン
ティント
- ECF2F0
- EEF4F1
- F0F5F3
- F2F7F5
- F4F8F6
- F7F9F8
- F9FBFA
- FBFCFC
- FDFEFD
シェード
- CBD2CF
- AEB3B1
- 919593
- 757977
- 5A5D5C
- 414342
- 292B2A
- 131414
- 030303
トーン
- DFE5E2
- D4D9D7
- C9CECC
- BEC2C1
- B4B7B5
- A9ACAA
- 9FA0A0
- 949695
- 8A8B8A
カラーハーモニー
補色 +180°
- EAF1EE
Warp Drive
- F4EDF0
≈ Line Dried Sheets
類似色 -30° +30°
- EAF1EE
Warp Drive
- ECF1EB
≈ Spring Fog
- E9F1F1
≈ Frosted Glass
トライアド +120° +240°
- EAF1EE
Warp Drive
- EFEEF5
≈ Springtime Rain
- F4EEEA
≈ Pink Mirage
スプリットコンプリメンタリー +150° +210°
- EAF1EE
Warp Drive
- F2EDF3
≈ Dress Pink
- F5EDED
≈ Line Dried Sheets
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.31:1 · APCA Lc 98
最適な文字色: #000000
WCAG 18.31:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--warp-drive: #eaf1ee;
--warp-drive-rgb: 234 241 238;
--warp-drive-oklch: oklch(0.952 0.008 168.7);
}
.element {
color: var(--warp-drive);
background-color: hsl(154 20% 93%);
border-color: oklch(0.952 0.008 168.7);
}Tailwind CSS v4
@theme {
--color-warp-drive: #eaf1ee;
--color-warp-drive-50: #f3f6f5;
--color-warp-drive-100: #e5e9e7;
--color-warp-drive-200: #d1d5d4;
--color-warp-drive-300: #b3b9b7;
--color-warp-drive-400: #9aa09d;
--color-warp-drive-500: #818885;
--color-warp-drive-600: #6d7371;
--color-warp-drive-700: #575c5a;
--color-warp-drive-800: #404342;
--color-warp-drive-900: #2c2e2d;
--color-warp-drive-950: #191b1a;
}SCSS
$warp-drive: #eaf1ee;
$warp-drive-rgb: 234, 241, 238;
$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);
}