이름 색상 · #F9BC08
Chocobo Feather
Chocobo Feather은(는) #F9BC08: rgb(249 188 8), hsl(45 95% 50%), oklch(0.828 0.169 84.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Chocobo Feather color name →
#F9BC08
oklch(0.828 0.169 84.7)
색상 변환
- HEX
- #f9bc08
- RGB
- rgb(249 188 8)
- HSL
- hsl(45 95% 50%)
- HWB
- hwb(45 3% 2%)
- OKLCH
- oklch(0.828 0.169 84.7)
- OKLab
- oklab(0.828 0.016 0.168)
- CIE Lab
- lab(80.26 13.63 80.78)
- LCH
- lch(80.26 81.93 80.4)
- CMYK
- cmyk(0% 24% 97% 2%)
틴트 · 셰이드 · 톤
틴트
- FAC342
- FBCA60
- FCD178
- FCD88E
- FDDFA2
- FDE6B5
- FEECC8
- FEF2DB
- FFF9ED
셰이드
- D9A306
- B98B04
- 9A7303
- 7D5D02
- 614701
- 463201
- 2C1F00
- 150D00
- 030200
톤
- ECB631
- E0B043
- D4AB51
- C7A55B
- BB9F64
- AF996B
- A39371
- 978D77
- 8C867C
색 조화
보색 +180°
- F9BC08
Chocobo Feather
- ACC7FF
≈ Night Snow
유사색 -30° +30°
- F9BC08
Chocobo Feather
- FFB380
≈ Sassy Peach
- C5D33A
≈ Fuego Verde
삼각 배색 +120° +240°
- F9BC08
Chocobo Feather
- 00E0F2
≈ Tamarama
- F9A1FF
≈ Rich Brilliant Lavender
분열 보색 +150° +210°
- F9BC08
Chocobo Feather
- 82D2FF
≈ Drift on the Sea
- CABBFF
≈ Lavender Tonic
사각 배색 +90° +180° +270°
- F9BC08
Chocobo Feather
- 00E7C0
≈ Aquamarine
- ACC7FF
≈ Night Snow
- FFA9CB
≈ Majin Bū Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.22:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.22:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--chocobo-feather: #f9bc08;
--chocobo-feather-rgb: 249 188 8;
--chocobo-feather-oklch: oklch(0.828 0.169 84.7);
}
.element {
color: var(--chocobo-feather);
background-color: hsl(45 95% 50%);
border-color: oklch(0.828 0.169 84.7);
}Tailwind CSS v4
@theme {
--color-chocobo-feather: #f9bc08;
--color-chocobo-feather-50: #fff3be;
--color-chocobo-feather-100: #ffe5a7;
--color-chocobo-feather-200: #f4d07d;
--color-chocobo-feather-300: #ddb142;
--color-chocobo-feather-400: #cc9400;
--color-chocobo-feather-500: #b97800;
--color-chocobo-feather-600: #9c6600;
--color-chocobo-feather-700: #7d5100;
--color-chocobo-feather-800: #5e3a00;
--color-chocobo-feather-900: #422800;
--color-chocobo-feather-950: #2a1500;
}SCSS
$chocobo-feather: #f9bc08;
$chocobo-feather-rgb: 249, 188, 8;
$chocobo-feather-light: mix(#fff, $chocobo-feather, 20%);
$chocobo-feather-dark: mix(#000, $chocobo-feather, 20%);
.element {
color: $chocobo-feather;
box-shadow: 0 0 0 2px rgba($chocobo-feather, 0.35);
}