이름 색상 · #E2EFC2
New Hope
New Hope은(는) #E2EFC2: rgb(226 239 194), hsl(77 58% 85%), oklch(0.931 0.061 120.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · New Hope color name →
#E2EFC2
oklch(0.931 0.061 120.7)
색상 변환
- HEX
- #e2efc2
- RGB
- rgb(226 239 194)
- HSL
- hsl(77 58% 85%)
- HWB
- hwb(77 76% 6%)
- OKLCH
- oklch(0.931 0.061 120.7)
- OKLab
- oklab(0.931 -0.031 0.052)
- CIE Lab
- lab(92.61 -10.1 20.34)
- LCH
- lch(92.61 22.71 116.4)
- CMYK
- cmyk(5% 0% 19% 6%)
틴트 · 셰이드 · 톤
틴트
- E5F1C8
- E8F2CE
- EBF4D5
- EDF6DB
- F0F7E1
- F3F9E7
- F6FAED
- F9FCF3
- FCFDF9
셰이드
- C4D0A8
- A8B18F
- 8C9477
- 717860
- 575C49
- 3E4234
- 272A20
- 12140E
- 030302
톤
- D8E3BB
- CED8B5
- C4CCAE
- BAC1A7
- B0B6A1
- A6AB9A
- 9CA094
- 93958D
- 898B87
색 조화
보색 +180°
- E2EFC2
New Hope
- ECE3FF
≈ Lavender Mist
유사색 -30° +30°
- E2EFC2
New Hope
- F7E7BB
≈ Tamale Maize
- CCF4D4
≈ Mint Gloss
삼각 배색 +120° +240°
- E2EFC2
New Hope
- D3ECFF
≈ Veiling Waterfalls
- FFDEE7
≈ Baby Girl
분열 보색 +150° +210°
- E2EFC2
New Hope
- E0E8FF
≈ Cyber Lavender
- FFDBFA
≈ Strawberry Frost
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.35:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.35:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--new-hope: #e2efc2;
--new-hope-rgb: 226 239 194;
--new-hope-oklch: oklch(0.931 0.061 120.7);
}
.element {
color: var(--new-hope);
background-color: hsl(77 58% 85%);
border-color: oklch(0.931 0.061 120.7);
}Tailwind CSS v4
@theme {
--color-new-hope: #e2efc2;
--color-new-hope-50: #f2f8e5;
--color-new-hope-100: #e4ecd6;
--color-new-hope-200: #cfd9bd;
--color-new-hope-300: #b1bd9b;
--color-new-hope-400: #99a47c;
--color-new-hope-500: #808d5f;
--color-new-hope-600: #6d7751;
--color-new-hope-700: #575f40;
--color-new-hope-800: #40452d;
--color-new-hope-900: #2c301f;
--color-new-hope-950: #191c0e;
}SCSS
$new-hope: #e2efc2;
$new-hope-rgb: 226, 239, 194;
$new-hope-light: mix(#fff, $new-hope, 20%);
$new-hope-dark: mix(#000, $new-hope, 20%);
.element {
color: $new-hope;
box-shadow: 0 0 0 2px rgba($new-hope, 0.35);
}