이름 색상 · #DEEAAA
High Hopes
High Hopes은(는) #DEEAAA: rgb(222 234 170), hsl(71 60% 79%), oklch(0.913 0.084 116.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · High Hopes color name →
#DEEAAA
oklch(0.913 0.084 116.7)
색상 변환
- HEX
- #deeaaa
- RGB
- rgb(222 234 170)
- HSL
- hsl(71 60% 79%)
- HWB
- hwb(71 67% 8%)
- OKLCH
- oklch(0.913 0.084 116.7)
- OKLab
- oklab(0.913 -0.038 0.075)
- CIE Lab
- lab(90.63 -11.77 29.79)
- LCH
- lch(90.63 32.03 111.6)
- CMYK
- cmyk(5% 0% 27% 8%)
틴트 · 셰이드 · 톤
틴트
- E1ECB3
- E4EEBC
- E8F1C4
- EBF3CD
- EEF5D5
- F2F7DE
- F5F9E6
- F8FBEE
- FCFDF7
셰이드
- C1CB93
- A5AE7D
- 899168
- 6F7553
- 555A3F
- 3D412D
- 26291B
- 12130B
- 020301
톤
- D4DFA6
- CAD4A2
- C1C99E
- B7BE9A
- AEB496
- A4A992
- 9B9F8D
- 929489
- 898A85
색 조화
보색 +180°
- DEEAAA
High Hopes
- E5DCFF
≈ Contrail
유사색 -30° +30°
- DEEAAA
High Hopes
- FBDFA2
≈ Honey Bee
- BEF2C2
≈ Peasful Mint
삼각 배색 +120° +240°
- DEEAAA
High Hopes
- C5E8FF
≈ Blue Java Banana
- FFD5E3
≈ Powder Pink
분열 보색 +150° +210°
- DEEAAA
High Hopes
- D5E2FF
≈ Stoic White
- FFD0FE
≈ Pink Diamond
사각 배색 +90° +180° +270°
- DEEAAA
High Hopes
- 9DF3FE
≈ Waterspout
- E5DCFF
≈ Contrail
- FFD7D2
≈ Bleached Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.45:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--high-hopes: #deeaaa;
--high-hopes-rgb: 222 234 170;
--high-hopes-oklch: oklch(0.913 0.084 116.7);
}
.element {
color: var(--high-hopes);
background-color: hsl(71 60% 79%);
border-color: oklch(0.913 0.084 116.7);
}Tailwind CSS v4
@theme {
--color-high-hopes: #deeaaa;
--color-high-hopes-50: #f2f9de;
--color-high-hopes-100: #e4eccd;
--color-high-hopes-200: #d0dab2;
--color-high-hopes-300: #b3be8d;
--color-high-hopes-400: #9ba56b;
--color-high-hopes-500: #828d4a;
--color-high-hopes-600: #6e783f;
--color-high-hopes-700: #586032;
--color-high-hopes-800: #414622;
--color-high-hopes-900: #2d3017;
--color-high-hopes-950: #1a1c08;
}SCSS
$high-hopes: #deeaaa;
$high-hopes-rgb: 222, 234, 170;
$high-hopes-light: mix(#fff, $high-hopes, 20%);
$high-hopes-dark: mix(#000, $high-hopes, 20%);
.element {
color: $high-hopes;
box-shadow: 0 0 0 2px rgba($high-hopes, 0.35);
}