色名 · #E2EFF3
Diamond White
Diamond Whiteは#E2EFF3：rgb(226 239 243)、hsl(194 41% 92%)、oklch(0.944 0.015 218.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Diamond White color name →
#E2EFF3
oklch(0.944 0.015 218.1)
カラー変換
- HEX
- #e2eff3
- RGB
- rgb(226 239 243)
- HSL
- hsl(194 41% 92%)
- HWB
- hwb(194 89% 5%)
- OKLCH
- oklch(0.944 0.015 218.1)
- OKLab
- oklab(0.944 -0.012 -0.009)
- CIE Lab
- lab(93.55 -3.89 -3.5)
- LCH
- lch(93.55 5.24 222)
- CMYK
- cmyk(7% 2% 0% 5%)
ティント · シェード · トーン
ティント
- E5F1F4
- E8F2F5
- EBF4F7
- EEF5F8
- F0F7F9
- F3F9FA
- F6FAFB
- F9FCFD
- FCFDFE
シェード
- C4D0D3
- A8B1B4
- 8C9497
- 71787A
- 575C5E
- 3E4244
- 272A2B
- 121414
- 030303
トーン
- D8E3E7
- CED8DB
- C4CCCF
- BAC1C3
- B0B6B8
- A6ABAC
- 9CA0A1
- 939596
- 898B8B
カラーハーモニー
補色 +180°
- E2EFF3
Diamond White
- F6E9E5
≈ Musical Mist
類似色 -30° +30°
- E2EFF3
Diamond White
- E2F0EE
≈ Himalayan Mist
- E5EDF6
≈ Coconut White
トライアド +120° +240°
- E2EFF3
Diamond White
- F3E9F0
≈ Snow Plum
- EFEDE2
≈ Acoustic White
スプリットコンプリメンタリー +150° +210°
- E2EFF3
Diamond White
- F6E8EA
≈ Princess Elle
- F3EBE2
≈ Paper Lamb
テトラード +90° +180° +270°
- E2EFF3
Diamond White
- EFEAF4
≈ Silver Phoenix
- F6E9E5
≈ Musical Mist
- E9EEE4
≈ Trellis
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 17.87:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.87:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
CSS
:root {
--diamond-white: #e2eff3;
--diamond-white-rgb: 226 239 243;
--diamond-white-oklch: oklch(0.944 0.015 218.1);
}
.element {
color: var(--diamond-white);
background-color: hsl(194 41% 92%);
border-color: oklch(0.944 0.015 218.1);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e2eff3;
--color-diamond-white-50: #f1f6f8;
--color-diamond-white-100: #e3e9eb;
--color-diamond-white-200: #ced6d9;
--color-diamond-white-300: #b0b9bd;
--color-diamond-white-400: #95a1a4;
--color-diamond-white-500: #7c898d;
--color-diamond-white-600: #697477;
--color-diamond-white-700: #545d5f;
--color-diamond-white-800: #3d4446;
--color-diamond-white-900: #2a2f30;
--color-diamond-white-950: #171b1c;
}SCSS
$diamond-white: #e2eff3;
$diamond-white-rgb: 226, 239, 243;
$diamond-white-light: mix(#fff, $diamond-white, 20%);
$diamond-white-dark: mix(#000, $diamond-white, 20%);
.element {
color: $diamond-white;
box-shadow: 0 0 0 2px rgba($diamond-white, 0.35);
}