Colore con nome più vicino · #AB9085
#AB9085
Colore con nome più vicino: Earthbound
#AB9085 (rgb(171 144 133), hsl(17 18% 60%), oklch(0.675 0.036 43.4)) è più vicino al colore con nome Earthbound. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AB9085
oklch(0.675 0.036 43.4)
Conversioni di colore
- HEX
- #ab9085
- RGB
- rgb(171 144 133)
- HSL
- hsl(17 18% 60%)
- HWB
- hwb(17 52% 33%)
- OKLCH
- oklch(0.675 0.036 43.4)
- OKLab
- oklab(0.675 0.026 0.025)
- CIE Lab
- lab(62.06 9.17 9.84)
- LCH
- lch(62.06 13.45 47)
- CMYK
- cmyk(0% 16% 22% 33%)
Tinte · Ombre · Toni
Tinte
- B39B91
- BCA59C
- C4B0A8
- CCBBB4
- D5C6C0
- DDD1CD
- E6DDD9
- EEE8E6
- F6F3F2
Ombre
- 947D73
- 7E6A61
- 685750
- 544540
- 403430
- 2D2421
- 1B1513
- 0B0706
- 010101
Toni
- A78E85
- A28D84
- 9E8B84
- 9A8A83
- 968883
- 918682
- 8D8582
- 898381
- 848281
Armonie di colore
Complementare +180°
- AB9085
Earthbound
- 7F9CA7
≈ Serene Stream
Analogo -30° +30°
- AB9085
Earthbound
- AC8E90
≈ Mauve Day
- A5947E
≈ Urban Jungle
Triadico +120° +240°
- AB9085
Earthbound
- 839E90
≈ Mother Earth
- 9394AD
≈ Monarchy
Complementare divisa +150° +210°
- AB9085
Earthbound
- 7D9E9D
≈ Salt Blue
- 8798AD
≈ Norwegian Night
Tetradico +90° +180° +270°
- AB9085
Earthbound
- 8E9C85
≈ Farm Fresh
- 7F9CA7
≈ Serene Stream
- 9F90A7
≈ Ancestry Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.97:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.05:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.05:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--earthbound: #ab9085;
--earthbound-rgb: 171 144 133;
--earthbound-oklch: oklch(0.675 0.036 43.4);
}
.element {
color: var(--earthbound);
background-color: hsl(17 18% 60%);
border-color: oklch(0.675 0.036 43.4);
}Tailwind CSS v4
@theme {
--color-earthbound: #ab9085;
--color-earthbound-50: #fff2ed;
--color-earthbound-100: #f3e4de;
--color-earthbound-200: #e2d0c8;
--color-earthbound-300: #c8b2a8;
--color-earthbound-400: #b2988d;
--color-earthbound-500: #9c7f73;
--color-earthbound-600: #846b62;
--color-earthbound-700: #6a564e;
--color-earthbound-800: #4e3e39;
--color-earthbound-900: #362b27;
--color-earthbound-950: #211815;
}SCSS
$earthbound: #ab9085;
$earthbound-rgb: 171, 144, 133;
$earthbound-light: mix(#fff, $earthbound, 20%);
$earthbound-dark: mix(#000, $earthbound, 20%);
.element {
color: $earthbound;
box-shadow: 0 0 0 2px rgba($earthbound, 0.35);
}