이름 색상 · #E1D792
Celery Heart
Celery Heart은(는) #E1D792: rgb(225 215 146), hsl(52 57% 73%), oklch(0.871 0.089 101). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Celery Heart color name →
#E1D792
oklch(0.871 0.089 101)
색상 변환
- HEX
- #e1d792
- RGB
- rgb(225 215 146)
- HSL
- hsl(52 57% 73%)
- HWB
- hwb(52 57% 12%)
- OKLCH
- oklch(0.871 0.089 101)
- OKLab
- oklab(0.871 -0.017 0.087)
- CIE Lab
- lab(85.61 -3.85 35.4)
- LCH
- lch(85.61 35.61 96.2)
- CMYK
- cmyk(0% 4% 35% 12%)
틴트 · 셰이드 · 톤
틴트
- E4DB9D
- E7DFA9
- EAE3B4
- EDE7BF
- F0EBCA
- F3EFD4
- F6F3DF
- F9F7EA
- FCFBF4
셰이드
- C4BB7E
- A79F6B
- 8B8558
- 706B46
- 565235
- 3E3B25
- 272516
- 121108
- 020201
톤
- D7CE91
- CDC590
- C3BC8E
- B9B38D
- AFAB8B
- A5A289
- 9C9987
- 929185
- 898882
색 조화
보색 +180°
- E1D792
Celery Heart
- CCD1FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- E1D792
Celery Heart
- FACB94
≈ Tangerine Silk
- C0E1A4
≈ Cactus Spike
삼각 배색 +120° +240°
- E1D792
Celery Heart
- 90E3FE
≈ Columbia Blue
- FEBEE6
≈ Pretty in Pink
분열 보색 +150° +210°
- E1D792
Celery Heart
- B5D9FF
≈ Oh Boy!
- E7C5FF
≈ Wisteria Powder
사각 배색 +90° +180° +270°
- E1D792
Celery Heart
- 8BE8E3
≈ Aqua Fiesta
- CCD1FF
≈ Pale Phthalo Blue
- FFC2C9
≈ Cotton Candy Comet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.33:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--celery-heart: #e1d792;
--celery-heart-rgb: 225 215 146;
--celery-heart-oklch: oklch(0.871 0.089 101);
}
.element {
color: var(--celery-heart);
background-color: hsl(52 57% 73%);
border-color: oklch(0.871 0.089 101);
}Tailwind CSS v4
@theme {
--color-celery-heart: #e1d792;
--color-celery-heart-50: #f9f7da;
--color-celery-heart-100: #edeac8;
--color-celery-heart-200: #dbd7ab;
--color-celery-heart-300: #bfba85;
--color-celery-heart-400: #aaa061;
--color-celery-heart-500: #93883c;
--color-celery-heart-600: #7c7334;
--color-celery-heart-700: #635c29;
--color-celery-heart-800: #4a431c;
--color-celery-heart-900: #332e12;
--color-celery-heart-950: #1f1b05;
}SCSS
$celery-heart: #e1d792;
$celery-heart-rgb: 225, 215, 146;
$celery-heart-light: mix(#fff, $celery-heart, 20%);
$celery-heart-dark: mix(#000, $celery-heart, 20%);
.element {
color: $celery-heart;
box-shadow: 0 0 0 2px rgba($celery-heart, 0.35);
}