이름 색상 · #D4E0B3
Celery Bunch
Celery Bunch은(는) #D4E0B3: rgb(212 224 179), hsl(76 42% 79%), oklch(0.886 0.061 119.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Celery Bunch color name →
#D4E0B3
oklch(0.886 0.061 119.8)
색상 변환
- HEX
- #d4e0b3
- RGB
- rgb(212 224 179)
- HSL
- hsl(76 42% 79%)
- HWB
- hwb(76 70% 12%)
- OKLCH
- oklch(0.886 0.061 119.8)
- OKLab
- oklab(0.886 -0.03 0.053)
- CIE Lab
- lab(87.4 -9.83 20.71)
- LCH
- lch(87.4 22.92 115.4)
- CMYK
- cmyk(5% 0% 20% 12%)
틴트 · 셰이드 · 톤
틴트
- D8E3BB
- DCE6C2
- E1E9CA
- E5ECD1
- E9F0D9
- EEF3E1
- F2F6E8
- F6F9F0
- FBFCF7
셰이드
- B8C39B
- 9DA684
- 838A6E
- 697058
- 515643
- 3A3E2F
- 24271D
- 10120C
- 020201
톤
- CBD6AE
- C3CCA9
- BAC2A4
- B1B99F
- A9AF9A
- A1A595
- 989C8F
- 90928A
- 888985
색 조화
보색 +180°
- D4E0B3
Celery Bunch
- DFD1FD
≈ Pale Lavender
유사색 -30° +30°
- D4E0B3
Celery Bunch
- E9D8AC
≈ Beeswax
- BEE5C4
≈ Canton Jade
삼각 배색 +120° +240°
- D4E0B3
Celery Bunch
- B6E0FE
≈ Dithered Sky
- FDC9D8
≈ Flower Spell
분열 보색 +150° +210°
- D4E0B3
Celery Bunch
- CBD9FF
≈ Icy Plains
- F1CCED
≈ Bubblegum Crisis
사각 배색 +90° +180° +270°
- D4E0B3
Celery Bunch
- ABE5F0
≈ Uranus
- DFD1FD
≈ Pale Lavender
- FFCBC2
≈ Piggy Dreams
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.38:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.11:1 · APCA Lc 85
가장 좋은 글자색: #000000
WCAG 15.11:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--celery-bunch: #d4e0b3;
--celery-bunch-rgb: 212 224 179;
--celery-bunch-oklch: oklch(0.886 0.061 119.8);
}
.element {
color: var(--celery-bunch);
background-color: hsl(76 42% 79%);
border-color: oklch(0.886 0.061 119.8);
}Tailwind CSS v4
@theme {
--color-celery-bunch: #d4e0b3;
--color-celery-bunch-50: #f2f8e5;
--color-celery-bunch-100: #e4ebd5;
--color-celery-bunch-200: #d0d9bc;
--color-celery-bunch-300: #b2bd9a;
--color-celery-bunch-400: #9aa47c;
--color-celery-bunch-500: #818c5e;
--color-celery-bunch-600: #6d7750;
--color-celery-bunch-700: #575f40;
--color-celery-bunch-800: #40452d;
--color-celery-bunch-900: #2c301e;
--color-celery-bunch-950: #191c0e;
}SCSS
$celery-bunch: #d4e0b3;
$celery-bunch-rgb: 212, 224, 179;
$celery-bunch-light: mix(#fff, $celery-bunch, 20%);
$celery-bunch-dark: mix(#000, $celery-bunch, 20%);
.element {
color: $celery-bunch;
box-shadow: 0 0 0 2px rgba($celery-bunch, 0.35);
}