이름 색상 · #FFC723
Cheerful Yellow
Cheerful Yellow은(는) #FFC723: rgb(255 199 35), hsl(45 100% 57%), oklch(0.856 0.169 87). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Cheerful Yellow color name →
#FFC723
oklch(0.856 0.169 87)
색상 변환
- HEX
- #ffc723
- RGB
- rgb(255 199 35)
- HSL
- hsl(45 100% 57%)
- HWB
- hwb(45 14% 0%)
- OKLCH
- oklch(0.856 0.169 87)
- OKLab
- oklab(0.856 0.009 0.168)
- CIE Lab
- lab(83.6 10.99 79.32)
- LCH
- lch(83.6 80.07 82.1)
- CMYK
- cmyk(0% 22% 86% 0%)
틴트 · 셰이드 · 톤
틴트
- FFCD4C
- FFD367
- FFD97E
- FFDF93
- FFE4A6
- FFEAB9
- FFEFCB
- FFF5DC
- FFFAEE
셰이드
- DEAD1D
- BE9317
- 9E7A11
- 80620C
- 634C07
- 483604
- 2E2101
- 160E00
- 030200
톤
- F2C03C
- E5B94B
- D8B257
- CBAB60
- BEA468
- B19D6E
- A59674
- 988F79
- 8C877D
색 조화
보색 +180°
- FFC723
Cheerful Yellow
- BBCFFF
≈ Ice Cold Stare
유사색 -30° +30°
- FFC723
Cheerful Yellow
- FFC194
≈ Wispy White
- C9DD4B
≈ Greenivorous
삼각 배색 +120° +240°
- FFC723
Cheerful Yellow
- 21E9FF
≈ Whimsical Blue
- FFAFFE
≈ Jigglypuff
분열 보색 +150° +210°
- FFC723
Cheerful Yellow
- 9CD8FF
≈ Shiva Blue
- D5C5FF
≈ Innocent Snowdrop
사각 배색 +90° +180° +270°
- FFC723
Cheerful Yellow
- 00F1CE
≈ Fake Jade
- BBCFFF
≈ Ice Cold Stare
- FFB9D0
≈ Baby Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.44:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.44:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--cheerful-yellow: #ffc723;
--cheerful-yellow-rgb: 255 199 35;
--cheerful-yellow-oklch: oklch(0.856 0.169 87);
}
.element {
color: var(--cheerful-yellow);
background-color: hsl(45 100% 57%);
border-color: oklch(0.856 0.169 87);
}Tailwind CSS v4
@theme {
--color-cheerful-yellow: #ffc723;
--color-cheerful-yellow-50: #fff4be;
--color-cheerful-yellow-100: #ffe6a7;
--color-cheerful-yellow-200: #f1d17d;
--color-cheerful-yellow-300: #dab242;
--color-cheerful-yellow-400: #c99600;
--color-cheerful-yellow-500: #b57a00;
--color-cheerful-yellow-600: #996800;
--color-cheerful-yellow-700: #7b5300;
--color-cheerful-yellow-800: #5d3b00;
--color-cheerful-yellow-900: #412900;
--color-cheerful-yellow-950: #291600;
}SCSS
$cheerful-yellow: #ffc723;
$cheerful-yellow-rgb: 255, 199, 35;
$cheerful-yellow-light: mix(#fff, $cheerful-yellow, 20%);
$cheerful-yellow-dark: mix(#000, $cheerful-yellow, 20%);
.element {
color: $cheerful-yellow;
box-shadow: 0 0 0 2px rgba($cheerful-yellow, 0.35);
}