이름 색상 · #EBF7E4
Panache
Panache은(는) #EBF7E4: rgb(235 247 228), hsl(98 54% 93%), oklch(0.962 0.028 133.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Panache color name →
#EBF7E4
oklch(0.962 0.028 133.7)
색상 변환
- HEX
- #ebf7e4
- RGB
- rgb(235 247 228)
- HSL
- hsl(98 54% 93%)
- HWB
- hwb(98 89% 3%)
- OKLCH
- oklch(0.962 0.028 133.7)
- OKLab
- oklab(0.962 -0.019 0.02)
- CIE Lab
- lab(95.94 -6.6 7.73)
- LCH
- lch(95.94 10.17 130.5)
- CMYK
- cmyk(5% 0% 8% 3%)
틴트 · 셰이드 · 톤
틴트
- EDF8E7
- EFF9E9
- F1F9EC
- F3FAEF
- F5FBF2
- F7FCF4
- F9FDF7
- FBFDFA
- FDFEFC
셰이드
- CCD7C6
- AEB7A9
- 91998D
- 757C72
- 5B6058
- 41453F
- 292C28
- 131512
- 030303
톤
- E0EADA
- D5DECF
- CAD2C5
- BFC6BB
- B4BAB1
- A9AEA7
- 9FA29D
- 949793
- 8A8B8A
색 조화
보색 +180°
- EBF7E4
Panache
- F9EEFF
≈ Placebo Fuchsia
유사색 -30° +30°
- EBF7E4
Panache
- F5F4DE
≈ White Jasmine
- E2F9ED
≈ Soft Mint
삼각 배색 +120° +240°
- EBF7E4
Panache
- EAF3FF
≈ Moon White
- FFEEEF
≈ White Gloss
분열 보색 +150° +210°
- EBF7E4
Panache
- F0F1FF
≈ Cloud Break
- FFECF6
≈ Partial Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.10:1 · APCA Lc 0
Ag
AAA검은색 위
WCAG 18.95:1 · APCA Lc 100
가장 좋은 글자색: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--panache: #ebf7e4;
--panache-rgb: 235 247 228;
--panache-oklch: oklch(0.962 0.028 133.7);
}
.element {
color: var(--panache);
background-color: hsl(98 54% 93%);
border-color: oklch(0.962 0.028 133.7);
}Tailwind CSS v4
@theme {
--color-panache: #ebf7e4;
--color-panache-50: #f2f7ef;
--color-panache-100: #e4eae1;
--color-panache-200: #cfd7cb;
--color-panache-300: #b1bbad;
--color-panache-400: #98a292;
--color-panache-500: #7f8b78;
--color-panache-600: #6b7565;
--color-panache-700: #565e51;
--color-panache-800: #3f453b;
--color-panache-900: #2b2f28;
--color-panache-950: #191c16;
}SCSS
$panache: #ebf7e4;
$panache-rgb: 235, 247, 228;
$panache-light: mix(#fff, $panache, 20%);
$panache-dark: mix(#000, $panache, 20%);
.element {
color: $panache;
box-shadow: 0 0 0 2px rgba($panache, 0.35);
}