이름 색상 · #ECE2B7
Buttered
Buttered은(는) #ECE2B7: rgb(236 226 183), hsl(49 58% 82%), oklch(0.91 0.057 96.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Buttered color name →
#ECE2B7
oklch(0.91 0.057 96.5)
색상 변환
- HEX
- #ece2b7
- RGB
- rgb(236 226 183)
- HSL
- hsl(49 58% 82%)
- HWB
- hwb(49 72% 7%)
- OKLCH
- oklch(0.91 0.057 96.5)
- OKLab
- oklab(0.91 -0.006 0.057)
- CIE Lab
- lab(89.88 -1.45 22.41)
- LCH
- lch(89.88 22.45 93.7)
- CMYK
- cmyk(0% 4% 22% 7%)
틴트 · 셰이드 · 톤
틴트
- EEE5BE
- F0E8C6
- F2EBCD
- F4EED4
- F5F1DB
- F7F3E2
- F9F6EA
- FBF9F1
- FDFCF8
셰이드
- CDC49F
- AFA887
- 928C70
- 76715A
- 5B5745
- 423E31
- 29271E
- 13120C
- 030302
톤
- E1D8B2
- D5CEAC
- CAC4A7
- BFBAA1
- B4B09C
- AAA696
- 9F9C91
- 95938B
- 8A8986
색 조화
보색 +180°
- ECE2B7
Buttered
- D9DFFF
≈ Contrail
유사색 -30° +30°
- ECE2B7
Buttered
- FCDBBA
≈ Alishan Dawn
- D7E9C0
≈ Green Vibes
삼각 배색 +120° +240°
- ECE2B7
Buttered
- B7ECFA
≈ Ice Effect
- FBD3F0
≈ Jacaranda
분열 보색 +150° +210°
- ECE2B7
Buttered
- C9E5FF
≈ Fresh Water
- EAD8FF
≈ Lavender Savour
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.12:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--buttered: #ece2b7;
--buttered-rgb: 236 226 183;
--buttered-oklch: oklch(0.91 0.057 96.5);
}
.element {
color: var(--buttered);
background-color: hsl(49 58% 82%);
border-color: oklch(0.91 0.057 96.5);
}Tailwind CSS v4
@theme {
--color-buttered: #ece2b7;
--color-buttered-50: #f9f6e3;
--color-buttered-100: #ece9d3;
--color-buttered-200: #dad5ba;
--color-buttered-300: #bfb897;
--color-buttered-400: #a89f78;
--color-buttered-500: #91865a;
--color-buttered-600: #7b724d;
--color-buttered-700: #625b3d;
--color-buttered-800: #49422b;
--color-buttered-900: #322e1d;
--color-buttered-950: #1e1a0d;
}SCSS
$buttered: #ece2b7;
$buttered-rgb: 236, 226, 183;
$buttered-light: mix(#fff, $buttered, 20%);
$buttered-dark: mix(#000, $buttered, 20%);
.element {
color: $buttered;
box-shadow: 0 0 0 2px rgba($buttered, 0.35);
}