이름 색상 · #F3CA6C
Golden Lion
Golden Lion은(는) #F3CA6C: rgb(243 202 108), hsl(42 85% 69%), oklch(0.856 0.122 86.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Lion color name →
#F3CA6C
oklch(0.856 0.122 86.1)
색상 변환
- HEX
- #f3ca6c
- RGB
- rgb(243 202 108)
- HSL
- hsl(42 85% 69%)
- HWB
- hwb(42 42% 5%)
- OKLCH
- oklch(0.856 0.122 86.1)
- OKLab
- oklab(0.856 0.008 0.122)
- CIE Lab
- lab(83.54 7.02 51.92)
- LCH
- lch(83.54 52.4 82.3)
- CMYK
- cmyk(0% 17% 56% 5%)
틴트 · 셰이드 · 톤
틴트
- F4D07D
- F6D58D
- F7DA9C
- F8E0AB
- F9E5B9
- FBEAC8
- FCF0D6
- FDF5E3
- FEFAF1
셰이드
- D3AF5D
- B4954E
- 977C40
- 7A6432
- 5E4D25
- 443719
- 2B220D
- 140F04
- 030200
톤
- E7C370
- DBBB74
- CFB477
- C4AC79
- B8A57B
- AD9E7D
- A1967E
- 968F7F
- 8B8780
색 조화
보색 +180°
- F3CA6C
Golden Lion
- BACFFF
≈ Ice Cold Stare
유사색 -30° +30°
- F3CA6C
Golden Lion
- FFC095
≈ Wispy White
- CBDA7A
≈ Goody Gumdrop
삼각 배색 +120° +240°
- F3CA6C
Golden Lion
- 58E6F7
≈ Shimmering Expanse Cyan
- F9B3FA
≈ Strawberry Buttercream
분열 보색 +150° +210°
- F3CA6C
Golden Lion
- 9BD9FF
≈ Shiva Blue
- D4C5FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- F3CA6C
Golden Lion
- 69EACD
≈ Turquoise Chalk
- BACFFF
≈ Ice Cold Stare
- FFB8D1
≈ Baby Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.47:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.47:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--golden-lion: #f3ca6c;
--golden-lion-rgb: 243 202 108;
--golden-lion-oklch: oklch(0.856 0.122 86.1);
}
.element {
color: var(--golden-lion);
background-color: hsl(42 85% 69%);
border-color: oklch(0.856 0.122 86.1);
}Tailwind CSS v4
@theme {
--color-golden-lion: #f3ca6c;
--color-golden-lion-50: #fff4ce;
--color-golden-lion-100: #f9e6ba;
--color-golden-lion-200: #ead298;
--color-golden-lion-300: #d1b46c;
--color-golden-lion-400: #be993f;
--color-golden-lion-500: #aa7f00;
--color-golden-lion-600: #8f6b00;
--color-golden-lion-700: #735600;
--color-golden-lion-800: #563e00;
--color-golden-lion-900: #3c2b01;
--color-golden-lion-950: #261800;
}SCSS
$golden-lion: #f3ca6c;
$golden-lion-rgb: 243, 202, 108;
$golden-lion-light: mix(#fff, $golden-lion, 20%);
$golden-lion-dark: mix(#000, $golden-lion, 20%);
.element {
color: $golden-lion;
box-shadow: 0 0 0 2px rgba($golden-lion, 0.35);
}