Colore con nome · #F9D97B
Firelight
Firelight è #F9D97B: rgb(249 217 123), hsl(45 91% 73%), oklch(0.893 0.119 91.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Firelight color name →
#F9D97B
oklch(0.893 0.119 91.1)
Conversioni di colore
- HEX
- #f9d97b
- RGB
- rgb(249 217 123)
- HSL
- hsl(45 91% 73%)
- HWB
- hwb(45 48% 2%)
- OKLCH
- oklch(0.893 0.119 91.1)
- OKLab
- oklab(0.893 -0.002 0.119)
- CIE Lab
- lab(87.98 3.03 50.16)
- LCH
- lch(87.98 50.25 86.5)
- CMYK
- cmyk(0% 13% 51% 2%)
Tinte · Ombre · Toni
Tinte
- FADD8A
- FAE198
- FBE5A6
- FBE9B3
- FCEDC0
- FDF0CD
- FDF4DA
- FEF8E6
- FEFBF3
Ombre
- D9BC6A
- B9A15A
- 9A864A
- 7D6C3A
- 61532C
- 463B1E
- 2C2510
- 151105
- 030201
Toni
- ECD07D
- E0C77F
- D3BE80
- C7B581
- BBAC82
- AFA382
- A39A82
- 979182
- 8B8981
Armonie di colore
Complementare +180°
- F9D97B
Firelight
- CFDBFF
≈ Icy Plains
Analogo -30° +30°
- F9D97B
Firelight
- FFD2AD
≈ Vanilla Française
- D0E88D
≈ Refreshed
Triadico +120° +240°
- F9D97B
Firelight
- 8DEDFF
≈ Photon Projector
- FFC7F7
≈ Sugar Chic
Complementare divisa +150° +210°
- F9D97B
Firelight
- BAE1FF
≈ Dithered Sky
- E2D3FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- F9D97B
Firelight
- 75F6E0
≈ Tiffany Blue
- CFDBFF
≈ Icy Plains
- FFCCD9
≈ Linnet Egg Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.23:1 · APCA Lc 85
Miglior colore del testo: #000000
WCAG 15.23:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--firelight: #f9d97b;
--firelight-rgb: 249 217 123;
--firelight-oklch: oklch(0.893 0.119 91.1);
}
.element {
color: var(--firelight);
background-color: hsl(45 91% 73%);
border-color: oklch(0.893 0.119 91.1);
}Tailwind CSS v4
@theme {
--color-firelight: #f9d97b;
--color-firelight-50: #fff5cf;
--color-firelight-100: #f5e8bb;
--color-firelight-200: #e5d49a;
--color-firelight-300: #ccb66e;
--color-firelight-400: #b99b42;
--color-firelight-500: #a48200;
--color-firelight-600: #8a6e00;
--color-firelight-700: #6f5802;
--color-firelight-800: #534000;
--color-firelight-900: #3a2c02;
--color-firelight-950: #241900;
}SCSS
$firelight: #f9d97b;
$firelight-rgb: 249, 217, 123;
$firelight-light: mix(#fff, $firelight, 20%);
$firelight-dark: mix(#000, $firelight, 20%);
.element {
color: $firelight;
box-shadow: 0 0 0 2px rgba($firelight, 0.35);
}