Colore con nome · #FF9D0A
Clementine Earring
Clementine Earring è #FF9D0A: rgb(255 157 10), hsl(36 100% 52%), oklch(0.779 0.172 66.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Clementine Earring color name →
#FF9D0A
oklch(0.779 0.172 66.2)
Conversioni di colore
- HEX
- #ff9d0a
- RGB
- rgb(255 157 10)
- HSL
- hsl(36 100% 52%)
- HWB
- hwb(36 4% 0%)
- OKLCH
- oklch(0.779 0.172 66.2)
- OKLab
- oklab(0.779 0.069 0.157)
- CIE Lab
- lab(73.83 31.53 76.94)
- LCH
- lch(73.83 83.15 67.7)
- CMYK
- cmyk(0% 38% 96% 0%)
Tinte · Ombre · Toni
Tinte
- FFA83F
- FFB25C
- FFBC74
- FFC689
- FFD09E
- FFDAB2
- FFE3C6
- FFECD9
- FFF6EC
Ombre
- DE8807
- BE7305
- 9E5F03
- 804C02
- 633A01
- 482801
- 2E1800
- 160900
- 030100
Toni
- F29B2E
- E69940
- D9964D
- CC9358
- C09161
- B38E68
- A68A6F
- 9A8775
- 8D847B
Armonie di colore
Complementare +180°
- FF9D0A
Clementine Earring
- 73BEFF
≈ Green Darner Tail
Analogo -30° +30°
- FF9D0A
Clementine Earring
- FF977A
≈ Flash in the Pan
- D5B500
≈ Lionhead
Triadico +120° +240°
- FF9D0A
Clementine Earring
- 00D3C4
≈ Turquoise Panic
- CE9EFF
≈ Hydrangea Purple
Complementare divisa +150° +210°
- FF9D0A
Clementine Earring
- 00CCEF
≈ Picnic Day Sky
- A4B1FF
≈ Shy Moment
Tetradico +90° +180° +270°
- FF9D0A
Clementine Earring
- 38D788
≈ Envy’s Love
- 73BEFF
≈ Green Darner Tail
- FA89E0
≈ Splash of Grenadine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.08:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.07:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.07:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--clementine-earring: #ff9d0a;
--clementine-earring-rgb: 255 157 10;
--clementine-earring-oklch: oklch(0.779 0.172 66.2);
}
.element {
color: var(--clementine-earring);
background-color: hsl(36 100% 52%);
border-color: oklch(0.779 0.172 66.2);
}Tailwind CSS v4
@theme {
--color-clementine-earring: #ff9d0a;
--color-clementine-earring-50: #ffedc1;
--color-clementine-earring-100: #ffdeaa;
--color-clementine-earring-200: #ffc782;
--color-clementine-earring-300: #f0a54b;
--color-clementine-earring-400: #e18600;
--color-clementine-earring-500: #ce6600;
--color-clementine-earring-600: #ae5700;
--color-clementine-earring-700: #8c4600;
--color-clementine-earring-800: #693100;
--color-clementine-earring-900: #4a2100;
--color-clementine-earring-950: #301000;
}SCSS
$clementine-earring: #ff9d0a;
$clementine-earring-rgb: 255, 157, 10;
$clementine-earring-light: mix(#fff, $clementine-earring, 20%);
$clementine-earring-dark: mix(#000, $clementine-earring, 20%);
.element {
color: $clementine-earring;
box-shadow: 0 0 0 2px rgba($clementine-earring, 0.35);
}