Colore con nome · #D68339
Mexican Spirit
Mexican Spirit è #D68339: rgb(214 131 57), hsl(28 66% 53%), oklch(0.685 0.134 58.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Mexican Spirit color name →
#D68339
oklch(0.685 0.134 58.9)
Conversioni di colore
- HEX
- #d68339
- RGB
- rgb(214 131 57)
- HSL
- hsl(28 66% 53%)
- HWB
- hwb(28 22% 16%)
- OKLCH
- oklch(0.685 0.134 58.9)
- OKLab
- oklab(0.685 0.069 0.115)
- CIE Lab
- lab(62.91 28.52 52.29)
- LCH
- lch(62.91 59.56 61.4)
- CMYK
- cmyk(0% 39% 73% 16%)
Tinte · Ombre · Toni
Tinte
- DB9051
- E09C66
- E5A97A
- E9B58D
- EDC1A0
- F1CEB3
- F5DAC6
- F9E6D9
- FCF3EC
Ombre
- BA7130
- 9E6028
- 844F1F
- 6A3F17
- 522F10
- 3B2009
- 251204
- 100601
- 020100
Toni
- CE8344
- C5844D
- BD8455
- B5845D
- AC8364
- A3836A
- 9B8270
- 928276
- 89817B
Armonie di colore
Complementare +180°
- D68339
Mexican Spirit
- 36A4E3
≈ Dayflower
Analogo -30° +30°
- D68339
Mexican Spirit
- E17769
≈ Burnt Coral
- BB9418
≈ Nugget Gold
Triadico +120° +240°
- D68339
Mexican Spirit
- 00B39B
≈ Aloha
- A686E1
≈ Lavender Blossom
Complementare divisa +150° +210°
- D68339
Mexican Spirit
- 00ADC1
≈ Bahaman Sea
- 7895ED
≈ Guilliman Blue
Tetradico +90° +180° +270°
- D68339
Mexican Spirit
- 56B06A
≈ Algae
- 36A4E3
≈ Dayflower
- C77AC2
≈ Gulābī Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.93:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.16:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--mexican-spirit: #d68339;
--mexican-spirit-rgb: 214 131 57;
--mexican-spirit-oklch: oklch(0.685 0.134 58.9);
}
.element {
color: var(--mexican-spirit);
background-color: hsl(28 66% 53%);
border-color: oklch(0.685 0.134 58.9);
}Tailwind CSS v4
@theme {
--color-mexican-spirit: #d68339;
--color-mexican-spirit-50: #ffedcf;
--color-mexican-spirit-100: #ffdebb;
--color-mexican-spirit-200: #ffc899;
--color-mexican-spirit-300: #eaa76e;
--color-mexican-spirit-400: #d88945;
--color-mexican-spirit-500: #c56c00;
--color-mexican-spirit-600: #a75c08;
--color-mexican-spirit-700: #864908;
--color-mexican-spirit-800: #643406;
--color-mexican-spirit-900: #462405;
--color-mexican-spirit-950: #2e1200;
}SCSS
$mexican-spirit: #d68339;
$mexican-spirit-rgb: 214, 131, 57;
$mexican-spirit-light: mix(#fff, $mexican-spirit, 20%);
$mexican-spirit-dark: mix(#000, $mexican-spirit, 20%);
.element {
color: $mexican-spirit;
box-shadow: 0 0 0 2px rgba($mexican-spirit, 0.35);
}