Colore con nome · #ADEACE
Martian Haze
Martian Haze è #ADEACE: rgb(173 234 206), hsl(152 59% 80%), oklch(0.888 0.073 164.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Martian Haze color name →
#ADEACE
oklch(0.888 0.073 164.8)
Conversioni di colore
- HEX
- #adeace
- RGB
- rgb(173 234 206)
- HSL
- hsl(152 59% 80%)
- HWB
- hwb(152 68% 8%)
- OKLCH
- oklch(0.888 0.073 164.8)
- OKLab
- oklab(0.888 -0.07 0.019)
- CIE Lab
- lab(87.98 -24.33 7.1)
- LCH
- lch(87.98 25.35 163.7)
- CMYK
- cmyk(26% 0% 12% 8%)
Tinte · Ombre · Toni
Tinte
- B6ECD3
- BEEED8
- C7F1DD
- CFF3E1
- D7F5E6
- DFF7EB
- E7F9F0
- EFFBF5
- F7FDFA
Ombre
- 96CBB3
- 7FAE98
- 6A917F
- 557566
- 415A4E
- 2D4138
- 1B2923
- 0B130F
- 010302
Toni
- A9DFC6
- A5D4BE
- A0C9B6
- 9CBEAE
- 98B4A6
- 93A99E
- 8E9F97
- 8A948F
- 858A88
Armonie di colore
Complementare +180°
- ADEACE
Martian Haze
- FEC7E5
≈ Sugarwinkle
Analogo -30° +30°
- ADEACE
Martian Haze
- C6E6B5
≈ Cool Peridot
- A0EAE9
≈ Freezy Breezy
Triadico +120° +240°
- ADEACE
Martian Haze
- D5D6FF
≈ Pale Phthalo Blue
- FFCEB8
≈ Dainty Peach
Complementare divisa +150° +210°
- ADEACE
Martian Haze
- EDCCFC
≈ Sparkling Lavender
- FFCBCE
≈ Lusty-Gallant
Tetradico +90° +180° +270°
- ADEACE
Martian Haze
- C2DDFF
≈ Dithered Sky
- FEC7E5
≈ Sugarwinkle
- F7D4A5
≈ Enjoyable Yellow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.43:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.43:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--martian-haze: #adeace;
--martian-haze-rgb: 173 234 206;
--martian-haze-oklch: oklch(0.888 0.073 164.8);
}
.element {
color: var(--martian-haze);
background-color: hsl(152 59% 80%);
border-color: oklch(0.888 0.073 164.8);
}Tailwind CSS v4
@theme {
--color-martian-haze: #adeace;
--color-martian-haze-50: #e2fcf1;
--color-martian-haze-100: #d2f0e3;
--color-martian-haze-200: #b8dfce;
--color-martian-haze-300: #94c4af;
--color-martian-haze-400: #75ac94;
--color-martian-haze-500: #54967a;
--color-martian-haze-600: #487f67;
--color-martian-haze-700: #396552;
--color-martian-haze-800: #294a3b;
--color-martian-haze-900: #1c3428;
--color-martian-haze-950: #0c1f16;
}SCSS
$martian-haze: #adeace;
$martian-haze-rgb: 173, 234, 206;
$martian-haze-light: mix(#fff, $martian-haze, 20%);
$martian-haze-dark: mix(#000, $martian-haze, 20%);
.element {
color: $martian-haze;
box-shadow: 0 0 0 2px rgba($martian-haze, 0.35);
}