最も近い色名 · #EDDFE6
#EDDFE6
最も近い色名: Antarctic Love
#EDDFE6（rgb(237 223 230)、hsl(330 28% 90%)、oklch(0.917 0.018 345.6)）に最も近い色名はAntarctic Loveです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#EDDFE6
oklch(0.917 0.018 345.6)
カラー変換
- HEX
- #eddfe6
- RGB
- rgb(237 223 230)
- HSL
- hsl(330 28% 90%)
- HWB
- hwb(330 87% 7%)
- OKLCH
- oklch(0.917 0.018 345.6)
- OKLab
- oklab(0.917 0.017 -0.004)
- CIE Lab
- lab(90.11 5.84 -1.62)
- LCH
- lch(90.11 6.07 344.5)
- CMYK
- cmyk(0% 6% 3% 7%)
ティント · シェード · トーン
ティント
- EFE2E8
- F1E5EB
- F2E9ED
- F4ECF0
- F6EFF2
- F8F2F5
- FAF5F7
- FBF9FA
- FDFCFC
シェード
- CEC2C8
- B0A5AB
- 938A8E
- 776F73
- 5C5659
- 423D40
- 2A2728
- 141213
- 030203
トーン
- E2D5DB
- D6CBD1
- CBC2C6
- C0B8BC
- B5AEB2
- AAA5A7
- 9F9B9D
- 959293
- 8A898A
カラーハーモニー
補色 +180°
- EDDFE6
Antarctic Love
- D9E8E1
≈ Clear Camouflage Green
類似色 -30° +30°
- EDDFE6
Antarctic Love
- E8E0EC
≈ Romantic Cruise
- EFDFDF
≈ Soft Peach
トライアド +120° +240°
- EDDFE6
Antarctic Love
- E5E4D7
≈ Olive Conquering White
- D8E6ED
≈ Dream Blue
スプリットコンプリメンタリー +150° +210°
- EDDFE6
Antarctic Love
- DEE6DB
≈ Cloudy Day
- D7E7E7
≈ Misted Aqua
テトラード +90° +180° +270°
- EDDFE6
Antarctic Love
- EBE2D7
≈ String of Pearls
- D9E8E1
≈ Clear Camouflage Green
- DCE4F0
≈ Iceberg
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.29:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.29:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--antarctic-love: #eddfe6;
--antarctic-love-rgb: 237 223 230;
--antarctic-love-oklch: oklch(0.917 0.018 345.6);
}
.element {
color: var(--antarctic-love);
background-color: hsl(330 28% 90%);
border-color: oklch(0.917 0.018 345.6);
}Tailwind CSS v4
@theme {
--color-antarctic-love: #eddfe6;
--color-antarctic-love-50: #f9f3f6;
--color-antarctic-love-100: #ede6e9;
--color-antarctic-love-200: #dad1d5;
--color-antarctic-love-300: #bfb4b9;
--color-antarctic-love-400: #a79aa1;
--color-antarctic-love-500: #908289;
--color-antarctic-love-600: #796e74;
--color-antarctic-love-700: #61585c;
--color-antarctic-love-800: #474044;
--color-antarctic-love-900: #312c2f;
--color-antarctic-love-950: #1d191b;
}SCSS
$antarctic-love: #eddfe6;
$antarctic-love-rgb: 237, 223, 230;
$antarctic-love-light: mix(#fff, $antarctic-love, 20%);
$antarctic-love-dark: mix(#000, $antarctic-love, 20%);
.element {
color: $antarctic-love;
box-shadow: 0 0 0 2px rgba($antarctic-love, 0.35);
}