最も近い色名 · #E2EDE9
#E2EDE9
最も近い色名: Second Wind
#E2EDE9（rgb(226 237 233)、hsl(158 23% 91%)、oklch(0.937 0.013 172.4)）に最も近い色名はSecond Windです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E2EDE9
oklch(0.937 0.013 172.4)
カラー変換
- HEX
- #e2ede9
- RGB
- rgb(226 237 233)
- HSL
- hsl(158 23% 91%)
- HWB
- hwb(158 89% 7%)
- OKLCH
- oklch(0.937 0.013 172.4)
- OKLab
- oklab(0.937 -0.013 0.002)
- CIE Lab
- lab(92.83 -4.33 0.61)
- LCH
- lch(92.83 4.37 172)
- CMYK
- cmyk(5% 0% 2% 7%)
ティント · シェード · トーン
ティント
- E5EFEB
- E8F1ED
- EBF2F0
- EEF4F2
- F0F6F4
- F3F8F6
- F6FAF8
- F9FBFB
- FCFDFD
シェード
- C4CECB
- A8B0AD
- 8C9390
- 717774
- 575C5A
- 3E4241
- 272A29
- 121413
- 030303
トーン
- D8E2DE
- CED6D3
- C4CBC8
- BAC0BE
- B0B5B3
- A6AAA9
- 9C9F9E
- 939594
- 898A8A
カラーハーモニー
補色 +180°
- E2EDE9
Second Wind
- F1E7EB
≈ Rose Fantasy
類似色 -30° +30°
- E2EDE9
Second Wind
- E5ECE5
≈ Summer Shower
- E1EDEE
≈ Aquifer
トライアド +120° +240°
- E2EDE9
Second Wind
- EAE9F2
≈ Diamond Cut
- F1E8E2
≈ Quartz White
スプリットコンプリメンタリー +150° +210°
- E2EDE9
Second Wind
- EEE7EF
≈ In the Spotlight
- F3E7E6
≈ Mont Blanc Peak
テトラード +90° +180° +270°
- E2EDE9
Second Wind
- E5EAF3
≈ Whisper Blue
- F1E7EB
≈ Rose Fantasy
- EEE9E1
≈ Solid Opal
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.19:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.52:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.52:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--second-wind: #e2ede9;
--second-wind-rgb: 226 237 233;
--second-wind-oklch: oklch(0.937 0.013 172.4);
}
.element {
color: var(--second-wind);
background-color: hsl(158 23% 91%);
border-color: oklch(0.937 0.013 172.4);
}Tailwind CSS v4
@theme {
--color-second-wind: #e2ede9;
--color-second-wind-50: #f2f6f5;
--color-second-wind-100: #e4e9e7;
--color-second-wind-200: #cfd6d4;
--color-second-wind-300: #b1bab7;
--color-second-wind-400: #97a19d;
--color-second-wind-500: #7e8985;
--color-second-wind-600: #6b7471;
--color-second-wind-700: #555d5a;
--color-second-wind-800: #3e4442;
--color-second-wind-900: #2b2f2d;
--color-second-wind-950: #181b1a;
}SCSS
$second-wind: #e2ede9;
$second-wind-rgb: 226, 237, 233;
$second-wind-light: mix(#fff, $second-wind, 20%);
$second-wind-dark: mix(#000, $second-wind, 20%);
.element {
color: $second-wind;
box-shadow: 0 0 0 2px rgba($second-wind, 0.35);
}