最も近い色名 · #E2E0F4
#E2E0F4
最も近い色名: Velvet Scarf
#E2E0F4（rgb(226 224 244)、hsl(246 48% 92%)、oklch(0.914 0.027 290.4)）に最も近い色名はVelvet Scarfです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E2E0F4
oklch(0.914 0.027 290.4)
カラー変換
- HEX
- #e2e0f4
- RGB
- rgb(226 224 244)
- HSL
- hsl(246 48% 92%)
- HWB
- hwb(246 88% 4%)
- OKLCH
- oklch(0.914 0.027 290.4)
- OKLab
- oklab(0.914 0.009 -0.025)
- CIE Lab
- lab(89.79 3.47 -9.52)
- LCH
- lch(89.79 10.13 290)
- CMYK
- cmyk(7% 8% 0% 4%)
ティント · シェード · トーン
ティント
- E5E3F5
- E8E6F6
- EBE9F7
- EDECF8
- F0EFFA
- F3F3FB
- F6F6FC
- F9F9FD
- FCFCFE
シェード
- C4C3D4
- A8A6B5
- 8C8A97
- 71707A
- 57565E
- 3E3E44
- 27272B
- 121214
- 030203
トーン
- D8D6E8
- CECCDC
- C4C2D0
- BAB8C4
- B0AFB8
- A6A5AD
- 9C9CA1
- 939296
- 89898B
カラーハーモニー
補色 +180°
- E2E0F4
Velvet Scarf
- E3E5D0
≈ Bleached Jade
類似色 -30° +30°
- E2E0F4
Velvet Scarf
- D9E3F5
≈ Aquarelle Purple
- EBDDEE
≈ Divine Dove
トライアド +120° +240°
- E2E0F4
Velvet Scarf
- F2DED3
≈ Spice Cookie
- D2E9E0
≈ Aqua Glass
スプリットコンプリメンタリー +150° +210°
- E2E0F4
Velvet Scarf
- ECE1CF
≈ Bleach White
- D9E7D7
≈ Toadstool Dot
テトラード +90° +180° +270°
- E2E0F4
Velvet Scarf
- F4DCDB
≈ Light Nursery
- E3E5D0
≈ Bleached Jade
- CFE9EA
≈ Field Frost
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.29:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.20:1 · APCA Lc 89
最適な文字色: #000000
WCAG 16.20:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
CSS
:root {
--velvet-scarf: #e2e0f4;
--velvet-scarf-rgb: 226 224 244;
--velvet-scarf-oklch: oklch(0.914 0.027 290.4);
}
.element {
color: var(--velvet-scarf);
background-color: hsl(246 48% 92%);
border-color: oklch(0.914 0.027 290.4);
}Tailwind CSS v4
@theme {
--color-velvet-scarf: #e2e0f4;
--color-velvet-scarf-50: #f5f4fc;
--color-velvet-scarf-100: #e8e6f0;
--color-velvet-scarf-200: #d4d2df;
--color-velvet-scarf-300: #b7b5c4;
--color-velvet-scarf-400: #9e9cae;
--color-velvet-scarf-500: #868397;
--color-velvet-scarf-600: #716f80;
--color-velvet-scarf-700: #5a5966;
--color-velvet-scarf-800: #42414b;
--color-velvet-scarf-900: #2d2d34;
--color-velvet-scarf-950: #1a1a20;
}SCSS
$velvet-scarf: #e2e0f4;
$velvet-scarf-rgb: 226, 224, 244;
$velvet-scarf-light: mix(#fff, $velvet-scarf, 20%);
$velvet-scarf-dark: mix(#000, $velvet-scarf, 20%);
.element {
color: $velvet-scarf;
box-shadow: 0 0 0 2px rgba($velvet-scarf, 0.35);
}