이름 색상 · #FBB736
Glowing Lantern
Glowing Lantern은(는) #FBB736: rgb(251 183 54), hsl(39 96% 60%), oklch(0.823 0.156 78.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Glowing Lantern color name →
#FBB736
oklch(0.823 0.156 78.5)
색상 변환
- HEX
- #fbb736
- RGB
- rgb(251 183 54)
- HSL
- hsl(39 96% 60%)
- HWB
- hwb(39 21% 2%)
- OKLCH
- oklch(0.823 0.156 78.5)
- OKLab
- oklab(0.823 0.031 0.152)
- CIE Lab
- lab(79.41 17.59 70.46)
- LCH
- lch(79.41 72.63 76)
- CMYK
- cmyk(0% 27% 78% 2%)
틴트 · 셰이드 · 톤
틴트
- FCBF54
- FDC66C
- FDCE81
- FED595
- FEDCA7
- FFE3B9
- FFEACB
- FFF1DD
- FFF8EE
셰이드
- DA9F2E
- BA8725
- 9C701E
- 7E5A16
- 61450F
- 463108
- 2D1E03
- 150C01
- 030200
톤
- EEB246
- E2AD51
- D5A75B
- C9A263
- BD9C69
- B0976F
- A49174
- 988C79
- 8C867D
색 조화
보색 +180°
- FBB736
Glowing Lantern
- A2C7FF
≈ Apocyan
유사색 -30° +30°
- FBB736
Glowing Lantern
- FFB086
≈ Spice Pink
- CECC41
≈ Slap Happy
삼각 배색 +120° +240°
- FBB736
Glowing Lantern
- 00E0E6
≈ Fish Boy
- EBA7FF
≈ Pink Sugar
분열 보색 +150° +210°
- FBB736
Glowing Lantern
- 6DD3FF
≈ Heisenberg Blue
- C2BBFF
≈ Dried Lilac
사각 배색 +90° +180° +270°
- FBB736
Glowing Lantern
- 32E5B3
≈ Aquamarine
- A2C7FF
≈ Apocyan
- FFA4D2
≈ Corinthian Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.92:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.92:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--glowing-lantern: #fbb736;
--glowing-lantern-rgb: 251 183 54;
--glowing-lantern-oklch: oklch(0.823 0.156 78.5);
}
.element {
color: var(--glowing-lantern);
background-color: hsl(39 96% 60%);
border-color: oklch(0.823 0.156 78.5);
}Tailwind CSS v4
@theme {
--color-glowing-lantern: #fbb736;
--color-glowing-lantern-50: #fff1c3;
--color-glowing-lantern-100: #ffe3ad;
--color-glowing-lantern-200: #f7cd86;
--color-glowing-lantern-300: #e0ae51;
--color-glowing-lantern-400: #cf9100;
--color-glowing-lantern-500: #bc7500;
--color-glowing-lantern-600: #9f6300;
--color-glowing-lantern-700: #804f00;
--color-glowing-lantern-800: #603900;
--color-glowing-lantern-900: #432700;
--color-glowing-lantern-950: #2b1500;
}SCSS
$glowing-lantern: #fbb736;
$glowing-lantern-rgb: 251, 183, 54;
$glowing-lantern-light: mix(#fff, $glowing-lantern, 20%);
$glowing-lantern-dark: mix(#000, $glowing-lantern, 20%);
.element {
color: $glowing-lantern;
box-shadow: 0 0 0 2px rgba($glowing-lantern, 0.35);
}