이름 색상 · #E5E9B7
Iced Celery
Iced Celery은(는) #E5E9B7: rgb(229 233 183), hsl(65 53% 82%), oklch(0.919 0.065 111.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Iced Celery color name →
#E5E9B7
oklch(0.919 0.065 111.4)
색상 변환
- HEX
- #e5e9b7
- RGB
- rgb(229 233 183)
- HSL
- hsl(65 53% 82%)
- HWB
- hwb(65 72% 9%)
- OKLCH
- oklch(0.919 0.065 111.4)
- OKLab
- oklab(0.919 -0.024 0.061)
- CIE Lab
- lab(91.11 -7.38 23.95)
- LCH
- lch(91.11 25.06 107.1)
- CMYK
- cmyk(2% 0% 21% 9%)
틴트 · 셰이드 · 톤
틴트
- E8EBBE
- EAEDC6
- EDF0CD
- EFF2D4
- F2F4DB
- F4F6E3
- F7F9EA
- FAFBF1
- FCFDF8
셰이드
- C7CB9F
- AAAD87
- 8E9070
- 72745A
- 585A45
- 3F4131
- 28291E
- 12130C
- 030302
톤
- DADEB2
- D0D3AC
- C6C8A7
- BBBEA1
- B1B39C
- A7A996
- 9D9E91
- 93948B
- 8A8A86
색 조화
보색 +180°
- E5E9B7
Iced Celery
- E4E0FF
≈ Stoic White
유사색 -30° +30°
- E5E9B7
Iced Celery
- FBE0B3
≈ Yellow Essence
- CDF0C7
≈ Pastel Mint
삼각 배색 +120° +240°
- E5E9B7
Iced Celery
- C5EBFF
≈ Blue Java Banana
- FFD8E8
≈ Strawberry Milk
분열 보색 +150° +210°
- E5E9B7
Iced Celery
- D6E5FF
≈ Veiling Waterfalls
- F9D6FF
≈ Pink Diamond
사각 배색 +90° +180° +270°
- E5E9B7
Iced Celery
- B1F2F6
≈ Waterspout
- E4E0FF
≈ Stoic White
- FFDAD8
≈ Cottagecore Sunset
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.25:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.67:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.67:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--iced-celery: #e5e9b7;
--iced-celery-rgb: 229 233 183;
--iced-celery-oklch: oklch(0.919 0.065 111.4);
}
.element {
color: var(--iced-celery);
background-color: hsl(65 53% 82%);
border-color: oklch(0.919 0.065 111.4);
}Tailwind CSS v4
@theme {
--color-iced-celery: #e5e9b7;
--color-iced-celery-50: #f5f8e3;
--color-iced-celery-100: #e7ebd2;
--color-iced-celery-200: #d4d8b8;
--color-iced-celery-300: #b7bc95;
--color-iced-celery-400: #9fa376;
--color-iced-celery-500: #878b57;
--color-iced-celery-600: #73754a;
--color-iced-celery-700: #5c5e3b;
--color-iced-celery-800: #444429;
--color-iced-celery-900: #2f2f1c;
--color-iced-celery-950: #1b1c0c;
}SCSS
$iced-celery: #e5e9b7;
$iced-celery-rgb: 229, 233, 183;
$iced-celery-light: mix(#fff, $iced-celery, 20%);
$iced-celery-dark: mix(#000, $iced-celery, 20%);
.element {
color: $iced-celery;
box-shadow: 0 0 0 2px rgba($iced-celery, 0.35);
}