Colore con nome · #F1A141
Yáng Chéng Orange
Yáng Chéng Orange è #F1A141: rgb(241 161 65), hsl(33 86% 60%), oklch(0.772 0.144 67.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Yáng Chéng Orange color name →
#F1A141
oklch(0.772 0.144 67.2)
Conversioni di colore
- HEX
- #f1a141
- RGB
- rgb(241 161 65)
- HSL
- hsl(33 86% 60%)
- HWB
- hwb(33 25% 5%)
- OKLCH
- oklch(0.772 0.144 67.2)
- OKLab
- oklab(0.772 0.056 0.133)
- CIE Lab
- lab(73.18 24.75 60.15)
- LCH
- lch(73.18 65.05 67.6)
- CMYK
- cmyk(0% 33% 73% 5%)
Tinte · Ombre · Toni
Tinte
- F3AB59
- F5B56F
- F7BE82
- F9C895
- FAD1A7
- FCDAB9
- FDE4CB
- FEEDDC
- FEF6EE
Ombre
- D28B37
- B3762E
- 956225
- 794E1C
- 5D3C13
- 432A0B
- 2B1905
- 140901
- 030100
Toni
- E69E4C
- DA9B55
- CF985D
- C49564
- B8926A
- AD8E6F
- A28B74
- 978778
- 8B847C
Armonie di colore
Complementare +180°
- F1A141
Yáng Chéng Orange
- 70BBFF
≈ Green Darner Tail
Analogo -30° +30°
- F1A141
Yáng Chéng Orange
- FF9374
≈ Alexandria
- CEB433
≈ Old Gold
Triadico +120° +240°
- F1A141
Yáng Chéng Orange
- 00D0C3
≈ Exquisite Turquoise
- CD9BFC
≈ Lilás
Complementare divisa +150° +210°
- F1A141
Yáng Chéng Orange
- 00C9EE
≈ Picnic Day Sky
- A2AEFF
≈ Shy Moment
Tetradico +90° +180° +270°
- F1A141
Yáng Chéng Orange
- 57D090
≈ Van Gogh Green
- 70BBFF
≈ Green Darner Tail
- EE8FD6
≈ Bubblegum Kisses
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.11:1 · APCA Lc 41
Ag
AAASu nero
WCAG 9.91:1 · APCA Lc 61
Miglior colore del testo: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
Frammenti di codice
CSS
:root {
--yang-cheng-orange: #f1a141;
--yang-cheng-orange-rgb: 241 161 65;
--yang-cheng-orange-oklch: oklch(0.772 0.144 67.2);
}
.element {
color: var(--yang-cheng-orange);
background-color: hsl(33 86% 60%);
border-color: oklch(0.772 0.144 67.2);
}Tailwind CSS v4
@theme {
--color-yang-cheng-orange: #f1a141;
--color-yang-cheng-orange-50: #ffefc9;
--color-yang-cheng-orange-100: #ffe0b4;
--color-yang-cheng-orange-200: #fdca90;
--color-yang-cheng-orange-300: #e7aa61;
--color-yang-cheng-orange-400: #d68c2f;
--color-yang-cheng-orange-500: #c36f00;
--color-yang-cheng-orange-600: #a55e00;
--color-yang-cheng-orange-700: #844b00;
--color-yang-cheng-orange-800: #633600;
--color-yang-cheng-orange-900: #462500;
--color-yang-cheng-orange-950: #2d1300;
}SCSS
$yang-cheng-orange: #f1a141;
$yang-cheng-orange-rgb: 241, 161, 65;
$yang-cheng-orange-light: mix(#fff, $yang-cheng-orange, 20%);
$yang-cheng-orange-dark: mix(#000, $yang-cheng-orange, 20%);
.element {
color: $yang-cheng-orange;
box-shadow: 0 0 0 2px rgba($yang-cheng-orange, 0.35);
}