이름 색상 · #F7C84A
Sunny Mood
Sunny Mood은(는) #F7C84A: rgb(247 200 74), hsl(44 92% 63%), oklch(0.852 0.148 87.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sunny Mood color name →
#F7C84A
oklch(0.852 0.148 87.9)
색상 변환
- HEX
- #f7c84a
- RGB
- rgb(247 200 74)
- HSL
- hsl(44 92% 63%)
- HWB
- hwb(44 29% 3%)
- OKLCH
- oklch(0.852 0.148 87.9)
- OKLab
- oklab(0.852 0.005 0.148)
- CIE Lab
- lab(83.19 8.12 66.44)
- LCH
- lch(83.19 66.94 83)
- CMYK
- cmyk(0% 19% 70% 3%)
틴트 · 셰이드 · 톤
틴트
- F8CE63
- F9D478
- FAD98B
- FBDF9D
- FBE5AE
- FCEABF
- FDEFCF
- FEF5DF
- FEFAEF
셰이드
- D7AE3F
- B79435
- 997B2A
- 7C6320
- 604C17
- 45360E
- 2C2106
- 150F02
- 030200
톤
- EBC155
- DEBA5E
- D2B365
- C6AB6B
- BAA470
- AE9D74
- A29678
- 978F7B
- 8B877E
색 조화
보색 +180°
- F7C84A
Sunny Mood
- BACEFF
≈ Ice Cold Stare
유사색 -30° +30°
- F7C84A
Sunny Mood
- FFBF8F
≈ Orange Mousse
- C6DB62
≈ Citrus Lime
삼각 배색 +120° +240°
- F7C84A
Sunny Mood
- 1DE8FF
≈ Whimsical Blue
- FFADFC
≈ Jigglypuff
분열 보색 +150° +210°
- F7C84A
Sunny Mood
- 9BD7FF
≈ Shiva Blue
- D5C3FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- F7C84A
Sunny Mood
- 32EECE
≈ Fake Jade
- BACEFF
≈ Ice Cold Stare
- FFB7CE
≈ Baby Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.31:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.31:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--sunny-mood: #f7c84a;
--sunny-mood-rgb: 247 200 74;
--sunny-mood-oklch: oklch(0.852 0.148 87.9);
}
.element {
color: var(--sunny-mood);
background-color: hsl(44 92% 63%);
border-color: oklch(0.852 0.148 87.9);
}Tailwind CSS v4
@theme {
--color-sunny-mood: #f7c84a;
--color-sunny-mood-50: #fff4c5;
--color-sunny-mood-100: #fbe6af;
--color-sunny-mood-200: #edd289;
--color-sunny-mood-300: #d5b456;
--color-sunny-mood-400: #c3980c;
--color-sunny-mood-500: #af7d00;
--color-sunny-mood-600: #946a00;
--color-sunny-mood-700: #765500;
--color-sunny-mood-800: #593d00;
--color-sunny-mood-900: #3e2a00;
--color-sunny-mood-950: #271700;
}SCSS
$sunny-mood: #f7c84a;
$sunny-mood-rgb: 247, 200, 74;
$sunny-mood-light: mix(#fff, $sunny-mood, 20%);
$sunny-mood-dark: mix(#000, $sunny-mood, 20%);
.element {
color: $sunny-mood;
box-shadow: 0 0 0 2px rgba($sunny-mood, 0.35);
}