이름 색상 · #FAC205
Orange Jelly
Orange Jelly은(는) #FAC205: rgb(250 194 5), hsl(46 96% 50%), oklch(0.841 0.171 87.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Orange Jelly color name →
#FAC205
oklch(0.841 0.171 87.4)
색상 변환
- HEX
- #fac205
- RGB
- rgb(250 194 5)
- HSL
- hsl(46 96% 50%)
- HWB
- hwb(46 2% 2%)
- OKLCH
- oklch(0.841 0.171 87.4)
- OKLab
- oklab(0.841 0.008 0.171)
- CIE Lab
- lab(81.81 11.07 82.14)
- LCH
- lch(81.81 82.88 82.3)
- CMYK
- cmyk(0% 22% 98% 2%)
틴트 · 셰이드 · 톤
틴트
- FBC943
- FBCF61
- FCD679
- FDDC8E
- FDE2A3
- FEE8B6
- FEEEC9
- FEF4DB
- FFF9ED
셰이드
- D9A804
- BA8F03
- 9B7702
- 7D6001
- 614901
- 463400
- 2D2000
- 150E00
- 030200
톤
- EDBC31
- E1B544
- D4AF51
- C8A85C
- BCA264
- AF9B6C
- A39472
- 978E77
- 8C877C
색 조화
보색 +180°
- FAC205
Orange Jelly
- B4CAFF
≈ Night Snow
유사색 -30° +30°
- FAC205
Orange Jelly
- FFBA86
≈ Reddish Banana
- C3D941
≈ Lime Popsicle
삼각 배색 +120° +240°
- FAC205
Orange Jelly
- 00E4FB
≈ Whimsical Blue
- FFA6FD
≈ Jigglypuff
분열 보색 +150° +210°
- FAC205
Orange Jelly
- 91D4FF
≈ Long Island Sound
- D1BFFF
≈ Lavender Tonic
사각 배색 +90° +180° +270°
- FAC205
Orange Jelly
- 00EBCA
≈ Fake Jade
- B4CAFF
≈ Night Snow
- FFB1CB
≈ Pink Cattleya
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.64:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.78:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.78:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--orange-jelly: #fac205;
--orange-jelly-rgb: 250 194 5;
--orange-jelly-oklch: oklch(0.841 0.171 87.4);
}
.element {
color: var(--orange-jelly);
background-color: hsl(46 96% 50%);
border-color: oklch(0.841 0.171 87.4);
}Tailwind CSS v4
@theme {
--color-orange-jelly: #fac205;
--color-orange-jelly-50: #fff4bd;
--color-orange-jelly-100: #ffe6a6;
--color-orange-jelly-200: #f1d17b;
--color-orange-jelly-300: #dab23f;
--color-orange-jelly-400: #c99600;
--color-orange-jelly-500: #b67a00;
--color-orange-jelly-600: #996800;
--color-orange-jelly-700: #7b5300;
--color-orange-jelly-800: #5d3b00;
--color-orange-jelly-900: #412900;
--color-orange-jelly-950: #291600;
}SCSS
$orange-jelly: #fac205;
$orange-jelly-rgb: 250, 194, 5;
$orange-jelly-light: mix(#fff, $orange-jelly, 20%);
$orange-jelly-dark: mix(#000, $orange-jelly, 20%);
.element {
color: $orange-jelly;
box-shadow: 0 0 0 2px rgba($orange-jelly, 0.35);
}