Colore con nome · #D09800
Leopard
Leopard è #D09800: rgb(208 152 0), hsl(44 100% 41%), oklch(0.714 0.147 82.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Leopard color name →
#D09800
oklch(0.714 0.147 82.1)
Conversioni di colore
- HEX
- #d09800
- RGB
- rgb(208 152 0)
- HSL
- hsl(44 100% 41%)
- HWB
- hwb(44 0% 18%)
- OKLCH
- oklch(0.714 0.147 82.1)
- OKLab
- oklab(0.714 0.02 0.146)
- CIE Lab
- lab(66.93 14.17 70.51)
- LCH
- lch(66.93 71.92 78.6)
- CMYK
- cmyk(0% 27% 100% 18%)
Tinte · Ombre · Toni
Tinte
- D5A339
- DAAD56
- DFB76E
- E4C284
- E8CC99
- EDD6AE
- F2E1C2
- F6EBD7
- FBF5EB
Ombre
- B58400
- 9A7000
- 805C00
- 674A00
- 4F3800
- 392700
- 231700
- 100800
- 020100
Toni
- C89628
- C0943A
- B89248
- B09053
- A88D5C
- A08B65
- 98886C
- 908673
- 88837A
Armonie di colore
Complementare +180°
- D09800
Leopard
- 6FA1FE
≈ Âbi Blue
Analogo -30° +30°
- D09800
Leopard
- E98541
≈ Flamenco
- A6AB25
≈ Honey and Thyme
Triadico +120° +240°
- D09800
Leopard
- 00B9C3
≈ Lago Blue
- CD81D9
≈ Lavender Perceptions
Complementare divisa +150° +210°
- D09800
Leopard
- 00B1EE
≈ Lynx Screen Blue
- A690F6
≈ Cobalite
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.56:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.17:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--leopard: #d09800;
--leopard-rgb: 208 152 0;
--leopard-oklch: oklch(0.714 0.147 82.1);
}
.element {
color: var(--leopard);
background-color: hsl(44 100% 41%);
border-color: oklch(0.714 0.147 82.1);
}Tailwind CSS v4
@theme {
--color-leopard: #d09800;
--color-leopard-50: #fff3c6;
--color-leopard-100: #ffe5b0;
--color-leopard-200: #f2cf8a;
--color-leopard-300: #dbb158;
--color-leopard-400: #c99415;
--color-leopard-500: #b57900;
--color-leopard-600: #996700;
--color-leopard-700: #7b5200;
--color-leopard-800: #5c3b00;
--color-leopard-900: #412800;
--color-leopard-950: #291600;
}SCSS
$leopard: #d09800;
$leopard-rgb: 208, 152, 0;
$leopard-light: mix(#fff, $leopard, 20%);
$leopard-dark: mix(#000, $leopard, 20%);
.element {
color: $leopard;
box-shadow: 0 0 0 2px rgba($leopard, 0.35);
}