Colore con nome · #9ACABA
Cool Juniper
Cool Juniper è #9ACABA: rgb(154 202 186), hsl(160 31% 70%), oklch(0.8 0.055 172.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Cool Juniper color name →
#9ACABA
oklch(0.8 0.055 172.4)
Conversioni di colore
- HEX
- #9acaba
- RGB
- rgb(154 202 186)
- HSL
- hsl(160 31% 70%)
- HWB
- hwb(160 60% 21%)
- OKLCH
- oklch(0.8 0.055 172.4)
- OKLab
- oklab(0.8 -0.055 0.007)
- CIE Lab
- lab(77.58 -18.84 2.62)
- LCH
- lch(77.58 19.02 172.1)
- CMYK
- cmyk(24% 0% 8% 21%)
Tinte · Ombre · Toni
Tinte
- A4CFC1
- AED5C7
- B9DACE
- C3DFD5
- CDE4DC
- D7EAE3
- E1EFEA
- EBF4F1
- F5FAF8
Ombre
- 85AFA1
- 719589
- 5E7C72
- 4B645C
- 394D46
- 273732
- 17221E
- 090F0D
- 010202
Toni
- 98C2B4
- 95BBAE
- 93B3A8
- 90ACA2
- 8EA49D
- 8B9D97
- 899691
- 868E8B
- 838786
Armonie di colore
Complementare +180°
- 9ACABA
Cool Juniper
- DBB0C1
≈ Private-Label Pink
Analogo -30° +30°
- 9ACABA
Cool Juniper
- AAC8A7
≈ Pastel Meadow
- 94C9CD
≈ Bathing
Triadico +120° +240°
- 9ACABA
Cool Juniper
- BEB8DF
≈ Melrose
- DCB59E
≈ Mesa Sand
Complementare divisa +150° +210°
- 9ACABA
Cool Juniper
- CFB3D3
≈ Elfin Herb
- E0B1AE
≈ Peachskin
Tetradico +90° +180° +270°
- 9ACABA
Cool Juniper
- ABBFE2
≈ Promise
- DBB0C1
≈ Private-Label Pink
- D0BB96
≈ Thermos
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.82:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.53:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--cool-juniper: #9acaba;
--cool-juniper-rgb: 154 202 186;
--cool-juniper-oklch: oklch(0.8 0.055 172.4);
}
.element {
color: var(--cool-juniper);
background-color: hsl(160 31% 70%);
border-color: oklch(0.8 0.055 172.4);
}Tailwind CSS v4
@theme {
--color-cool-juniper: #9acaba;
--color-cool-juniper-50: #e6fbf4;
--color-cool-juniper-100: #d6eee6;
--color-cool-juniper-200: #bddcd2;
--color-cool-juniper-300: #9bc1b5;
--color-cool-juniper-400: #7da99b;
--color-cool-juniper-500: #5f9282;
--color-cool-juniper-600: #517c6e;
--color-cool-juniper-700: #406358;
--color-cool-juniper-800: #2e4940;
--color-cool-juniper-900: #1f322c;
--color-cool-juniper-950: #0f1e19;
}SCSS
$cool-juniper: #9acaba;
$cool-juniper-rgb: 154, 202, 186;
$cool-juniper-light: mix(#fff, $cool-juniper, 20%);
$cool-juniper-dark: mix(#000, $cool-juniper, 20%);
.element {
color: $cool-juniper;
box-shadow: 0 0 0 2px rgba($cool-juniper, 0.35);
}