Colore con nome · #AEA132
Martian
Martian è #AEA132: rgb(174 161 50), hsl(54 55% 44%), oklch(0.7 0.129 102.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Martian color name →
#AEA132
oklch(0.7 0.129 102.5)
Conversioni di colore
- HEX
- #aea132
- RGB
- rgb(174 161 50)
- HSL
- hsl(54 55% 44%)
- HWB
- hwb(54 20% 32%)
- OKLCH
- oklch(0.7 0.129 102.5)
- OKLab
- oklab(0.7 -0.028 0.126)
- CIE Lab
- lab(65.87 -4.44 56.19)
- LCH
- lch(65.87 56.37 94.5)
- CMYK
- cmyk(0% 7% 71% 32%)
Tinte · Ombre · Toni
Tinte
- B6AA4D
- BDB463
- C5BD78
- CDC78C
- D5D0A0
- DDD9B3
- E6E3C6
- EEECD9
- F6F6EC
Ombre
- 978B2A
- 807622
- 6A621B
- 554E14
- 413C0D
- 2E2A07
- 1C1903
- 0B0901
- 010100
Toni
- A99E40
- A49B4A
- A09854
- 9B945C
- 969163
- 928E6A
- 8D8A70
- 898775
- 84847B
Armonie di colore
Complementare +180°
- AEA132
Martian
- 9393EC
≈ Perrywinkle
Analogo -30° +30°
- AEA132
Martian
- CF9035
≈ Fuel Yellow
- 7FAF58
≈ Arugula
Triadico +120° +240°
- AEA132
Martian
- 0AAFD8
≈ Bright Cerulean
- D57DB4
≈ Peruvian Lily
Complementare divisa +150° +210°
- AEA132
Martian
- 60A2EC
≈ Feather Star
- BA86D8
≈ Purception
Tetradico +90° +180° +270°
- AEA132
Martian
- 00B5B2
≈ Swagger
- 9393EC
≈ Perrywinkle
- E27A88
≈ Hot Gossip
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.64:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.94:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.94:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--martian: #aea132;
--martian-rgb: 174 161 50;
--martian-oklch: oklch(0.7 0.129 102.5);
}
.element {
color: var(--martian);
background-color: hsl(54 55% 44%);
border-color: oklch(0.7 0.129 102.5);
}Tailwind CSS v4
@theme {
--color-martian: #aea132;
--color-martian-50: #faf8ce;
--color-martian-100: #eeebb9;
--color-martian-200: #dcd897;
--color-martian-300: #c2bb6b;
--color-martian-400: #ada13b;
--color-martian-500: #978800;
--color-martian-600: #807300;
--color-martian-700: #665c00;
--color-martian-800: #4d4300;
--color-martian-900: #352e00;
--color-martian-950: #201b00;
}SCSS
$martian: #aea132;
$martian-rgb: 174, 161, 50;
$martian-light: mix(#fff, $martian, 20%);
$martian-dark: mix(#000, $martian, 20%);
.element {
color: $martian;
box-shadow: 0 0 0 2px rgba($martian, 0.35);
}