이름 색상 · #F5C20B
Sunshine Mellow
Sunshine Mellow은(는) #F5C20B: rgb(245 194 11), hsl(47 92% 50%), oklch(0.836 0.169 89.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sunshine Mellow color name →
#F5C20B
oklch(0.836 0.169 89.3)
색상 변환
- HEX
- #f5c20b
- RGB
- rgb(245 194 11)
- HSL
- hsl(47 92% 50%)
- HWB
- hwb(47 4% 4%)
- OKLCH
- oklch(0.836 0.169 89.3)
- OKLab
- oklab(0.836 0.002 0.169)
- CIE Lab
- lab(81.3 8.99 80.94)
- LCH
- lch(81.3 81.44 83.7)
- CMYK
- cmyk(0% 21% 96% 4%)
틴트 · 셰이드 · 톤
틴트
- F6C943
- F7CF61
- F8D579
- F9DC8E
- FAE2A3
- FBE8B6
- FCEEC9
- FDF4DB
- FEF9ED
셰이드
- D5A808
- B68F06
- 987704
- 7B6002
- 5F4901
- 443401
- 2B2000
- 150E00
- 030200
톤
- E9BC32
- DDB544
- D1AF52
- C5A85C
- B9A264
- AD9B6C
- A29472
- 968E77
- 8B877C
색 조화
보색 +180°
- F5C20B
Sunshine Mellow
- B4C8FF
≈ Night Snow
유사색 -30° +30°
- F5C20B
Sunshine Mellow
- FFB87E
≈ Go Go Mango
- BDD846
≈ June Bud
삼각 배색 +120° +240°
- F5C20B
Sunshine Mellow
- 00E2FC
≈ Vaporwave Blue
- FFA4F9
≈ Jigglypuff
분열 보색 +150° +210°
- F5C20B
Sunshine Mellow
- 90D2FF
≈ Long Island Sound
- D2BCFF
≈ Lavender Tonic
사각 배색 +90° +180° +270°
- F5C20B
Sunshine Mellow
- 00E9CC
≈ Fake Jade
- B4C8FF
≈ Night Snow
- FFAEC7
≈ Heartfelt
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.60:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--sunshine-mellow: #f5c20b;
--sunshine-mellow-rgb: 245 194 11;
--sunshine-mellow-oklch: oklch(0.836 0.169 89.3);
}
.element {
color: var(--sunshine-mellow);
background-color: hsl(47 92% 50%);
border-color: oklch(0.836 0.169 89.3);
}Tailwind CSS v4
@theme {
--color-sunshine-mellow: #f5c20b;
--color-sunshine-mellow-50: #fff4be;
--color-sunshine-mellow-100: #fde7a7;
--color-sunshine-mellow-200: #efd27d;
--color-sunshine-mellow-300: #d7b441;
--color-sunshine-mellow-400: #c69700;
--color-sunshine-mellow-500: #b27c00;
--color-sunshine-mellow-600: #976900;
--color-sunshine-mellow-700: #795400;
--color-sunshine-mellow-800: #5b3c00;
--color-sunshine-mellow-900: #402900;
--color-sunshine-mellow-950: #291700;
}SCSS
$sunshine-mellow: #f5c20b;
$sunshine-mellow-rgb: 245, 194, 11;
$sunshine-mellow-light: mix(#fff, $sunshine-mellow, 20%);
$sunshine-mellow-dark: mix(#000, $sunshine-mellow, 20%);
.element {
color: $sunshine-mellow;
box-shadow: 0 0 0 2px rgba($sunshine-mellow, 0.35);
}