이름 색상 · #FFCF53
Melted Butter
Melted Butter은(는) #FFCF53: rgb(255 207 83), hsl(43 100% 66%), oklch(0.875 0.148 87.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Melted Butter color name →
#FFCF53
oklch(0.875 0.148 87.4)
색상 변환
- HEX
- #ffcf53
- RGB
- rgb(255 207 83)
- HSL
- hsl(43 100% 66%)
- HWB
- hwb(43 33% 0%)
- OKLCH
- oklch(0.875 0.148 87.4)
- OKLab
- oklab(0.875 0.007 0.148)
- CIE Lab
- lab(85.76 8.33 65.71)
- LCH
- lch(85.76 66.24 82.8)
- CMYK
- cmyk(0% 19% 67% 0%)
틴트 · 셰이드 · 톤
틴트
- FFD46A
- FFD97E
- FFDE90
- FFE3A1
- FFE8B2
- FFEDC2
- FFF1D1
- FFF6E1
- FFFBF0
셰이드
- DEB447
- BE993B
- 9E7F30
- 806725
- 634F1B
- 483811
- 2E2308
- 161002
- 030200
톤
- F2C75C
- E5BF64
- D8B76A
- CBAF6F
- BEA873
- B1A077
- A5987A
- 98907C
- 8C887E
색 조화
보색 +180°
- FFCF53
Melted Butter
- C4D5FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- FFCF53
Melted Butter
- FFC9A2
≈ Polly
- CEE269
≈ Idocrase Green
삼각 배색 +120° +240°
- FFCF53
Melted Butter
- 60ECFF
≈ Bioluminescence
- FFBBFD
≈ Distilled Rose
분열 보색 +150° +210°
- FFCF53
Melted Butter
- AADDFF
≈ Droplet
- DACDFF
≈ Pale Lavender
사각 배색 +90° +180° +270°
- FFCF53
Melted Butter
- 41F5D5
≈ Lamiaceae
- C4D5FF
≈ Pale Phthalo Blue
- FFC2D6
≈ Garden Glory
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.30:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.30:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--melted-butter: #ffcf53;
--melted-butter-rgb: 255 207 83;
--melted-butter-oklch: oklch(0.875 0.148 87.4);
}
.element {
color: var(--melted-butter);
background-color: hsl(43 100% 66%);
border-color: oklch(0.875 0.148 87.4);
}Tailwind CSS v4
@theme {
--color-melted-butter: #ffcf53;
--color-melted-butter-50: #fff4c5;
--color-melted-butter-100: #fbe6af;
--color-melted-butter-200: #edd289;
--color-melted-butter-300: #d5b457;
--color-melted-butter-400: #c3980e;
--color-melted-butter-500: #af7d00;
--color-melted-butter-600: #946a00;
--color-melted-butter-700: #775500;
--color-melted-butter-800: #593d00;
--color-melted-butter-900: #3e2a00;
--color-melted-butter-950: #281700;
}SCSS
$melted-butter: #ffcf53;
$melted-butter-rgb: 255, 207, 83;
$melted-butter-light: mix(#fff, $melted-butter, 20%);
$melted-butter-dark: mix(#000, $melted-butter, 20%);
.element {
color: $melted-butter;
box-shadow: 0 0 0 2px rgba($melted-butter, 0.35);
}