Colore con nome più vicino · #88A189
#88A189
Colore con nome più vicino: Basil
#88A189 (rgb(136 161 137), hsl(122 12% 58%), oklch(0.683 0.045 146.1)) è più vicino al colore con nome Basil. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#88A189
oklch(0.683 0.045 146.1)
Conversioni di colore
- HEX
- #88a189
- RGB
- rgb(136 161 137)
- HSL
- hsl(122 12% 58%)
- HWB
- hwb(122 53% 37%)
- OKLCH
- oklch(0.683 0.045 146.1)
- OKLab
- oklab(0.683 -0.037 0.025)
- CIE Lab
- lab(63.79 -12.66 9.5)
- LCH
- lch(63.79 15.83 143.1)
- CMYK
- cmyk(16% 0% 15% 37%)
Tinte · Ombre · Toni
Tinte
- 93AA94
- 9FB3A0
- ABBCAB
- B6C6B7
- C2CFC3
- CED9CE
- DAE2DA
- E6ECE6
- F3F5F3
Ombre
- 758B76
- 637664
- 526253
- 414E42
- 313C31
- 222A22
- 131914
- 060907
- 010101
Toni
- 879E88
- 879A87
- 869786
- 859486
- 849085
- 838D84
- 838A83
- 828782
- 818381
Armonie di colore
Complementare +180°
- 88A189
Basil
- A890A8
≈ Uptown Girl
Analogo -30° +30°
- 88A189
Basil
- 979D7E
≈ Rookwood Jade
- 7CA398
≈ Gnome
Triadico +120° +240°
Complementare divisa +150° +210°
- 88A189
Basil
- 9B94B2
≈ Tusi Grey
- B18E9A
≈ Mauve Shadows
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.50:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--basil: #88a189;
--basil-rgb: 136 161 137;
--basil-oklch: oklch(0.683 0.045 146.1);
}
.element {
color: var(--basil);
background-color: hsl(122 12% 58%);
border-color: oklch(0.683 0.045 146.1);
}Tailwind CSS v4
@theme {
--color-basil: #88a189;
--color-basil-50: #edf9ee;
--color-basil-100: #deece0;
--color-basil-200: #c8daca;
--color-basil-300: #a9beab;
--color-basil-400: #8ea68f;
--color-basil-500: #748f75;
--color-basil-600: #627963;
--color-basil-700: #4e604f;
--color-basil-800: #394739;
--color-basil-900: #273127;
--color-basil-950: #151d15;
}SCSS
$basil: #88a189;
$basil-rgb: 136, 161, 137;
$basil-light: mix(#fff, $basil, 20%);
$basil-dark: mix(#000, $basil, 20%);
.element {
color: $basil;
box-shadow: 0 0 0 2px rgba($basil, 0.35);
}