Colore con nome · #00978C
Intense Teal
Intense Teal è #00978C: rgb(0 151 140), hsl(176 100% 30%), oklch(0.609 0.107 185.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Intense Teal color name →
#00978C
oklch(0.609 0.107 185.8)
Conversioni di colore
- HEX
- #00978c
- RGB
- rgb(0 151 140)
- HSL
- hsl(176 100% 30%)
- HWB
- hwb(176 0% 41%)
- OKLCH
- oklch(0.609 0.107 185.8)
- OKLab
- oklab(0.609 -0.106 -0.011)
- CIE Lab
- lab(55.86 -36.89 -4.3)
- LCH
- lch(55.86 37.14 186.6)
- CMYK
- cmyk(100% 0% 7% 41%)
Tinte · Ombre · Toni
Tinte
- 38A197
- 55ACA2
- 6DB6AD
- 83C0B8
- 98CBC4
- ADD5D0
- C2E0DB
- D6EAE7
- EBF5F3
Ombre
- 008379
- 006F67
- 005C55
- 004943
- 003733
- 002623
- 001714
- 000807
- 000101
Toni
- 28958B
- 3A938A
- 479188
- 528E87
- 5C8C86
- 648A85
- 6C8884
- 738582
- 7A8381
Armonie di colore
Complementare +180°
- 00978C
Intense Teal
- B86679
≈ Dusky Rose
Analogo -30° +30°
- 00978C
Intense Teal
- 459667
≈ Ocean Green
- 0792AB
≈ Cape Pond
Triadico +120° +240°
- 00978C
Intense Teal
- 9271B6
≈ Violet Frog
- AE7535
≈ Enchanting Ginger
Complementare divisa +150° +210°
- 00978C
Intense Teal
- AA699B
≈ Violetta
- B96A55
≈ Clay
Tetradico +90° +180° +270°
- 00978C
Intense Teal
- 717CC2
≈ Persian Jewel
- B86679
≈ Dusky Rose
- 96822B
≈ Lemon Ginger
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.61:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.80:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.80:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--intense-teal: #00978c;
--intense-teal-rgb: 0 151 140;
--intense-teal-oklch: oklch(0.609 0.107 185.8);
}
.element {
color: var(--intense-teal);
background-color: hsl(176 100% 30%);
border-color: oklch(0.609 0.107 185.8);
}Tailwind CSS v4
@theme {
--color-intense-teal: #00978c;
--color-intense-teal-50: #d4fffb;
--color-intense-teal-100: #c0f4ee;
--color-intense-teal-200: #9fe4dc;
--color-intense-teal-300: #72c9c1;
--color-intense-teal-400: #43b3a8;
--color-intense-teal-500: #009c90;
--color-intense-teal-600: #00847a;
--color-intense-teal-700: #006a62;
--color-intense-teal-800: #004e46;
--color-intense-teal-900: #003631;
--color-intense-teal-950: #00211d;
}SCSS
$intense-teal: #00978c;
$intense-teal-rgb: 0, 151, 140;
$intense-teal-light: mix(#fff, $intense-teal, 20%);
$intense-teal-dark: mix(#000, $intense-teal, 20%);
.element {
color: $intense-teal;
box-shadow: 0 0 0 2px rgba($intense-teal, 0.35);
}