Colore con nome · #FBB736
Glowing Lantern
Glowing Lantern è #FBB736: rgb(251 183 54), hsl(39 96% 60%), oklch(0.823 0.156 78.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Glowing Lantern color name →
#FBB736
oklch(0.823 0.156 78.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FCBF54
- FDC66C
- FDCE81
- FED595
- FEDCA7
- FFE3B9
- FFEACB
- FFF1DD
- FFF8EE
Ombre
- DA9F2E
- BA8725
- 9C701E
- 7E5A16
- 61450F
- 463108
- 2D1E03
- 150C01
- 030200
Toni
- EEB246
- E2AD51
- D5A75B
- C9A263
- BD9C69
- B0976F
- A49174
- 988C79
- 8C867D
Armonie di colore
Complementare +180°
- FBB736
Glowing Lantern
- A2C7FF
≈ Apocyan
Analogo -30° +30°
- FBB736
Glowing Lantern
- FFB086
≈ Spice Pink
- CECC41
≈ Slap Happy
Triadico +120° +240°
- FBB736
Glowing Lantern
- 00E0E6
≈ Fish Boy
- EBA7FF
≈ Pink Sugar
Complementare divisa +150° +210°
- FBB736
Glowing Lantern
- 6DD3FF
≈ Heisenberg Blue
- C2BBFF
≈ Dried Lilac
Tetradico +90° +180° +270°
- FBB736
Glowing Lantern
- 32E5B3
≈ Aquamarine
- A2C7FF
≈ Apocyan
- FFA4D2
≈ Corinthian Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASu nero
WCAG 11.92:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 11.92:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
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);
}