이름 색상 · #FFC801
Forsythia
Forsythia은(는) #FFC801: rgb(255 200 1), hsl(47 100% 50%), oklch(0.857 0.175 88.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Forsythia color name →
#FFC801
oklch(0.857 0.175 88.5)
색상 변환
- HEX
- #ffc801
- RGB
- rgb(255 200 1)
- HSL
- hsl(47 100% 50%)
- HWB
- hwb(47 0% 0%)
- OKLCH
- oklch(0.857 0.175 88.5)
- OKLab
- oklab(0.857 0.005 0.175)
- CIE Lab
- lab(83.79 10.2 84.08)
- LCH
- lch(83.79 84.69 83.1)
- CMYK
- cmyk(0% 22% 100% 0%)
틴트 · 셰이드 · 톤
틴트
- FFCE43
- FFD461
- FFDA7A
- FFDF90
- FFE5A4
- FFEAB7
- FFF0C9
- FFF5DC
- FFFAED
셰이드
- DEAE01
- BE9401
- 9E7B00
- 806300
- 634C00
- 483600
- 2E2100
- 160F00
- 030200
톤
- F2C131
- E5BA44
- D8B352
- CBAC5D
- BEA565
- B19D6C
- A59672
- 988F78
- 8C877C
색 조화
보색 +180°
- FFC801
Forsythia
- BDCFFF
≈ Ice Cold Stare
유사색 -30° +30°
- FFC801
Forsythia
- FFC193
≈ Wispy White
- C6DF45
≈ Greenivorous
삼각 배색 +120° +240°
분열 보색 +150° +210°
- FFC801
Forsythia
- 9FD8FF
≈ Malmö FF
- D7C5FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- FFC801
Forsythia
- 01F1D1
≈ Fake Jade
- BDCFFF
≈ Ice Cold Stare
- FFB9CF
≈ Tentacle Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.55:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.51:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--forsythia: #ffc801;
--forsythia-rgb: 255 200 1;
--forsythia-oklch: oklch(0.857 0.175 88.5);
}
.element {
color: var(--forsythia);
background-color: hsl(47 100% 50%);
border-color: oklch(0.857 0.175 88.5);
}Tailwind CSS v4
@theme {
--color-forsythia: #ffc801;
--color-forsythia-50: #fff4bc;
--color-forsythia-100: #fee6a4;
--color-forsythia-200: #f1d179;
--color-forsythia-300: #d9b33a;
--color-forsythia-400: #c99600;
--color-forsythia-500: #b57a00;
--color-forsythia-600: #996800;
--color-forsythia-700: #7b5300;
--color-forsythia-800: #5c3b00;
--color-forsythia-900: #412900;
--color-forsythia-950: #291600;
}SCSS
$forsythia: #ffc801;
$forsythia-rgb: 255, 200, 1;
$forsythia-light: mix(#fff, $forsythia, 20%);
$forsythia-dark: mix(#000, $forsythia, 20%);
.element {
color: $forsythia;
box-shadow: 0 0 0 2px rgba($forsythia, 0.35);
}