Colore con nome · #F7D395
Jonquil Trail
Jonquil Trail è #F7D395: rgb(247 211 149), hsl(38 86% 78%), oklch(0.883 0.089 80.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Jonquil Trail color name →
#F7D395
oklch(0.883 0.089 80.7)
Conversioni di colore
- HEX
- #f7d395
- RGB
- rgb(247 211 149)
- HSL
- hsl(38 86% 78%)
- HWB
- hwb(38 58% 3%)
- OKLCH
- oklch(0.883 0.089 80.7)
- OKLab
- oklab(0.883 0.014 0.087)
- CIE Lab
- lab(86.61 6.97 35.64)
- LCH
- lch(86.61 36.31 78.9)
- CMYK
- cmyk(0% 15% 40% 3%)
Tinte · Ombre · Toni
Tinte
- F8D8A0
- F9DCAB
- FAE0B6
- FBE5C0
- FBE9CB
- FCEED6
- FDF2E0
- FEF6EA
- FEFBF5
Ombre
- D7B781
- B79C6D
- 99825A
- 7C6948
- 605137
- 453A26
- 2C2416
- 151008
- 030201
Toni
- EBCA94
- DEC292
- D2BA90
- C6B18E
- BAA98C
- AEA18A
- A29888
- 979085
- 8B8883
Armonie di colore
Complementare +180°
- F7D395
Jonquil Trail
- C4DAFF
≈ Broad Daylight
Analogo -30° +30°
- F7D395
Jonquil Trail
- FFCCB0
≈ Blushing Cherub
- DBDF9A
≈ Young Wheat
Triadico +120° +240°
- F7D395
Jonquil Trail
- 8EEBF0
≈ Bath Water
- F4C6FD
≈ Aquarelle Lilac
Complementare divisa +150° +210°
- F7D395
Jonquil Trail
- A9E2FF
≈ Frozen Landscape
- D8D2FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- F7D395
Jonquil Trail
- 9BECD0
≈ Oasis Stream
- C4DAFF
≈ Broad Daylight
- FFC6DF
≈ Sweet Romance
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.42:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.70:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--jonquil-trail: #f7d395;
--jonquil-trail-rgb: 247 211 149;
--jonquil-trail-oklch: oklch(0.883 0.089 80.7);
}
.element {
color: var(--jonquil-trail);
background-color: hsl(38 86% 78%);
border-color: oklch(0.883 0.089 80.7);
}Tailwind CSS v4
@theme {
--color-jonquil-trail: #f7d395;
--color-jonquil-trail-50: #fff3d9;
--color-jonquil-trail-100: #f7e6c7;
--color-jonquil-trail-200: #e7d1aa;
--color-jonquil-trail-300: #ceb483;
--color-jonquil-trail-400: #ba9960;
--color-jonquil-trail-500: #a4803b;
--color-jonquil-trail-600: #8b6c33;
--color-jonquil-trail-700: #6f5629;
--color-jonquil-trail-800: #533e1c;
--color-jonquil-trail-900: #3a2b12;
--color-jonquil-trail-950: #241805;
}SCSS
$jonquil-trail: #f7d395;
$jonquil-trail-rgb: 247, 211, 149;
$jonquil-trail-light: mix(#fff, $jonquil-trail, 20%);
$jonquil-trail-dark: mix(#000, $jonquil-trail, 20%);
.element {
color: $jonquil-trail;
box-shadow: 0 0 0 2px rgba($jonquil-trail, 0.35);
}