이름 색상 · #EDE0C5
Vital Yellow
Vital Yellow은(는) #EDE0C5: rgb(237 224 197), hsl(40 53% 85%), oklch(0.91 0.039 85.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Vital Yellow color name →
#EDE0C5
oklch(0.91 0.039 85.3)
색상 변환
- HEX
- #ede0c5
- RGB
- rgb(237 224 197)
- HSL
- hsl(40 53% 85%)
- HWB
- hwb(40 77% 7%)
- OKLCH
- oklch(0.91 0.039 85.3)
- OKLab
- oklab(0.91 0.003 0.038)
- CIE Lab
- lab(89.7 1.38 14.96)
- LCH
- lch(89.7 15.02 84.7)
- CMYK
- cmyk(0% 5% 17% 7%)
틴트 · 셰이드 · 톤
틴트
- EFE3CB
- F1E6D1
- F2E9D6
- F4ECDC
- F6EFE2
- F8F3E8
- FAF6EE
- FBF9F3
- FDFCF9
셰이드
- CEC3AB
- B0A692
- 938A79
- 777061
- 5C564B
- 423E35
- 2A2721
- 14120E
- 030202
톤
- E2D6BE
- D6CCB7
- CBC2B0
- C0B8A9
- B5AFA2
- AAA59B
- 9F9C94
- 95928E
- 8A8987
색 조화
보색 +180°
- EDE0C5
Vital Yellow
- D5E2FC
≈ Aquarelle Purple
유사색 -30° +30°
- EDE0C5
Vital Yellow
- F6DBCA
≈ Pink Sea Salt
- E0E5C8
≈ Lazy Caterpillar
삼각 배색 +120° +240°
- EDE0C5
Vital Yellow
- C5E9EE
≈ Niagara Mist
- EFD9F0
≈ Grape Taffy
분열 보색 +150° +210°
- EDE0C5
Vital Yellow
- CAE6F8
≈ Icy Landscape
- E3DDF9
≈ Stoic White
사각 배색 +90° +180° +270°
- EDE0C5
Vital Yellow
- C8EAE0
≈ Clear Aqua
- D5E2FC
≈ Aquarelle Purple
- F8D7E2
≈ Pink Frosting
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.06:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.06:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--vital-yellow: #ede0c5;
--vital-yellow-rgb: 237 224 197;
--vital-yellow-oklch: oklch(0.91 0.039 85.3);
}
.element {
color: var(--vital-yellow);
background-color: hsl(40 53% 85%);
border-color: oklch(0.91 0.039 85.3);
}Tailwind CSS v4
@theme {
--color-vital-yellow: #ede0c5;
--color-vital-yellow-50: #faf5e9;
--color-vital-yellow-100: #ede7da;
--color-vital-yellow-200: #dbd4c2;
--color-vital-yellow-300: #c0b7a2;
--color-vital-yellow-400: #a99d85;
--color-vital-yellow-500: #928569;
--color-vital-yellow-600: #7b7059;
--color-vital-yellow-700: #635a47;
--color-vital-yellow-800: #494133;
--color-vital-yellow-900: #322d23;
--color-vital-yellow-950: #1e1a12;
}SCSS
$vital-yellow: #ede0c5;
$vital-yellow-rgb: 237, 224, 197;
$vital-yellow-light: mix(#fff, $vital-yellow, 20%);
$vital-yellow-dark: mix(#000, $vital-yellow, 20%);
.element {
color: $vital-yellow;
box-shadow: 0 0 0 2px rgba($vital-yellow, 0.35);
}