가장 가까운 이름 색상 · #E3F7FE
#E3F7FE
가장 가까운 이름 색상: Diamond White
#E3F7FE(rgb(227 247 254), hsl(196 93% 94%), oklch(0.964 0.023 220.7))와 가장 가까운 이름 색상은 Diamond White입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E3F7FE
oklch(0.964 0.023 220.7)
색상 변환
- HEX
- #e3f7fe
- RGB
- rgb(227 247 254)
- HSL
- hsl(196 93% 94%)
- HWB
- hwb(196 89% 0%)
- OKLCH
- oklch(0.964 0.023 220.7)
- OKLab
- oklab(0.964 -0.017 -0.015)
- CIE Lab
- lab(95.9 -5.77 -5.73)
- LCH
- lch(95.9 8.13 224.8)
- CMYK
- cmyk(11% 3% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- E6F8FE
- E9F9FE
- EBF9FE
- EEFAFE
- F1FBFF
- F4FCFF
- F7FDFF
- F9FDFF
- FCFEFF
셰이드
- C5D7DD
- A8B7BD
- 8C999E
- 717C80
- 576063
- 3F4547
- 272C2D
- 121516
- 030303
톤
- D9EAF1
- CEDEE4
- C4D2D7
- BAC6CA
- B0BABD
- A6AEB1
- 9DA2A4
- 939798
- 898B8C
색 조화
보색 +180°
- E3F7FE
Diamond White
- FFEFEA
≈ Strawberry Dust
유사색 -30° +30°
- E3F7FE
Diamond White
- E2F8F6
≈ Frosty Mint
- EAF4FF
≈ Moon White
삼각 배색 +120° +240°
- E3F7FE
Diamond White
- FFEDF8
≈ Partial Pink
- F6F4E2
≈ Tibetan Jasmine
분열 보색 +150° +210°
- E3F7FE
Diamond White
- FFEEF0
≈ Translucent Unicorn
- FDF1E3
≈ Rice Pudding
사각 배색 +90° +180° +270°
- E3F7FE
Diamond White
- F8EFFF
≈ Cloud Break
- FFEFEA
≈ Strawberry Dust
- EEF6E6
≈ Verde Pastel
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.10:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 19.00:1 · APCA Lc 100
가장 좋은 글자색: #000000
WCAG 19.00:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--diamond-white: #e3f7fe;
--diamond-white-rgb: 227 247 254;
--diamond-white-oklch: oklch(0.964 0.023 220.7);
}
.element {
color: var(--diamond-white);
background-color: hsl(196 93% 94%);
border-color: oklch(0.964 0.023 220.7);
}Tailwind CSS v4
@theme {
--color-diamond-white: #e3f7fe;
--color-diamond-white-50: #eef7fa;
--color-diamond-white-100: #e0eaed;
--color-diamond-white-200: #cad7db;
--color-diamond-white-300: #abbac0;
--color-diamond-white-400: #90a2a8;
--color-diamond-white-500: #768a91;
--color-diamond-white-600: #64757b;
--color-diamond-white-700: #505d62;
--color-diamond-white-800: #3a4448;
--color-diamond-white-900: #282f32;
--color-diamond-white-950: #161c1e;
}SCSS
$diamond-white: #e3f7fe;
$diamond-white-rgb: 227, 247, 254;
$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);
}