이름 색상 · #F3BC00
Gold Abundance
Gold Abundance은(는) #F3BC00: rgb(243 188 0), hsl(46 100% 48%), oklch(0.822 0.168 87.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Gold Abundance color name →
#F3BC00
oklch(0.822 0.168 87.3)
색상 변환
- HEX
- #f3bc00
- RGB
- rgb(243 188 0)
- HSL
- hsl(46 100% 48%)
- HWB
- hwb(46 0% 5%)
- OKLCH
- oklch(0.822 0.168 87.3)
- OKLab
- oklab(0.822 0.008 0.168)
- CIE Lab
- lab(79.61 11.04 80.77)
- LCH
- lch(79.61 81.52 82.2)
- CMYK
- cmyk(0% 23% 100% 5%)
틴트 · 셰이드 · 톤
틴트
- F4C340
- F6CA5E
- F7D177
- F8D88D
- FADFA1
- FBE5B5
- FCECC8
- FDF2DA
- FEF9ED
셰이드
- D3A300
- B48B00
- 977300
- 7A5D00
- 5E4700
- 443200
- 2B1F00
- 140D00
- 030200
톤
- E7B62E
- DBB042
- CFAB4F
- C4A55A
- B89F63
- AD996A
- A19371
- 968D77
- 8B867C
색 조화
보색 +180°
- F3BC00
Gold Abundance
- ABC4FF
≈ Pastel Blue
유사색 -30° +30°
- F3BC00
Gold Abundance
- FFB175
≈ Isn’t It Just Peachy
- BDD23E
≈ Golden Foliage
삼각 배색 +120° +240°
- F3BC00
Gold Abundance
- 00DEF3
≈ Tamarama
- FD9BFD
≈ Pinkalicious
분열 보색 +150° +210°
- F3BC00
Gold Abundance
- 82CFFF
≈ Drift on the Sea
- CCB7FF
≈ Violet Heaven
사각 배색 +90° +180° +270°
- F3BC00
Gold Abundance
- 00E4C3
≈ Celestial Green
- ABC4FF
≈ Pastel Blue
- FFA6C5
≈ Taffy Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.00:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.00:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--gold-abundance: #f3bc00;
--gold-abundance-rgb: 243 188 0;
--gold-abundance-oklch: oklch(0.822 0.168 87.3);
}
.element {
color: var(--gold-abundance);
background-color: hsl(46 100% 48%);
border-color: oklch(0.822 0.168 87.3);
}Tailwind CSS v4
@theme {
--color-gold-abundance: #f3bc00;
--color-gold-abundance-50: #fff4be;
--color-gold-abundance-100: #fee6a7;
--color-gold-abundance-200: #f1d17d;
--color-gold-abundance-300: #dab243;
--color-gold-abundance-400: #c89600;
--color-gold-abundance-500: #b57a00;
--color-gold-abundance-600: #996800;
--color-gold-abundance-700: #7b5300;
--color-gold-abundance-800: #5c3b00;
--color-gold-abundance-900: #412900;
--color-gold-abundance-950: #291600;
}SCSS
$gold-abundance: #f3bc00;
$gold-abundance-rgb: 243, 188, 0;
$gold-abundance-light: mix(#fff, $gold-abundance, 20%);
$gold-abundance-dark: mix(#000, $gold-abundance, 20%);
.element {
color: $gold-abundance;
box-shadow: 0 0 0 2px rgba($gold-abundance, 0.35);
}