Colore con nome · #F7AA6F
Florida Sunrise
Florida Sunrise è #F7AA6F: rgb(247 170 111), hsl(26 89% 70%), oklch(0.8 0.118 57.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Florida Sunrise color name →
#F7AA6F
oklch(0.8 0.118 57.5)
Conversioni di colore
- HEX
- #f7aa6f
- RGB
- rgb(247 170 111)
- HSL
- hsl(26 89% 70%)
- HWB
- hwb(26 44% 3%)
- OKLCH
- oklch(0.8 0.118 57.5)
- OKLab
- oklab(0.8 0.063 0.099)
- CIE Lab
- lab(76.36 24.72 42.17)
- LCH
- lch(76.36 48.88 59.6)
- CMYK
- cmyk(0% 31% 55% 3%)
Tinte · Ombre · Toni
Tinte
- F9B37E
- FABB8D
- FBC49C
- FCCDAA
- FDD5B8
- FEDEC7
- FEE6D5
- FFEEE3
- FFF7F1
Ombre
- D79360
- B77D51
- 996842
- 7C5334
- 603F27
- 452D1A
- 2C1B0E
- 150B04
- 030101
Toni
- EBA672
- DFA275
- D39E77
- C79A79
- BB967B
- AF927C
- A48D7D
- 98897E
- 8C847F
Armonie di colore
Complementare +180°
- F7AA6F
Florida Sunrise
- 70C9FF
≈ Skyan
Analogo -30° +30°
- F7AA6F
Florida Sunrise
- FFA195
≈ Peach Amber
- DEB95E
≈ Sun God
Triadico +120° +240°
- F7AA6F
Florida Sunrise
- 59D7BD
≈ Sweet Garden
- C6AEFF
≈ Purple Hepatica
Complementare divisa +150° +210°
- F7AA6F
Florida Sunrise
- 4AD3E5
≈ Thousand Sons Blue
- A2BCFF
≈ Pastel Blue
Tetradico +90° +180° +270°
- F7AA6F
Florida Sunrise
- 88D392
≈ Enchanted Emerald
- 70C9FF
≈ Skyan
- E7A2E5
≈ Candy Floss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.93:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.93:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--florida-sunrise: #f7aa6f;
--florida-sunrise-rgb: 247 170 111;
--florida-sunrise-oklch: oklch(0.8 0.118 57.5);
}
.element {
color: var(--florida-sunrise);
background-color: hsl(26 89% 70%);
border-color: oklch(0.8 0.118 57.5);
}Tailwind CSS v4
@theme {
--color-florida-sunrise: #f7aa6f;
--color-florida-sunrise-50: #ffeed4;
--color-florida-sunrise-100: #ffdfc1;
--color-florida-sunrise-200: #fbc9a2;
--color-florida-sunrise-300: #e5a979;
--color-florida-sunrise-400: #d38c55;
--color-florida-sunrise-500: #bf6f29;
--color-florida-sunrise-600: #a25f25;
--color-florida-sunrise-700: #824c1e;
--color-florida-sunrise-800: #613615;
--color-florida-sunrise-900: #44250d;
--color-florida-sunrise-950: #2c1302;
}SCSS
$florida-sunrise: #f7aa6f;
$florida-sunrise-rgb: 247, 170, 111;
$florida-sunrise-light: mix(#fff, $florida-sunrise, 20%);
$florida-sunrise-dark: mix(#000, $florida-sunrise, 20%);
.element {
color: $florida-sunrise;
box-shadow: 0 0 0 2px rgba($florida-sunrise, 0.35);
}