Colore con nome · #007377
Essential Teal
Essential Teal è #007377: rgb(0 115 119), hsl(182 100% 23%), oklch(0.505 0.086 199). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Essential Teal color name →
#007377
oklch(0.505 0.086 199)
Conversioni di colore
- HEX
- #007377
- RGB
- rgb(0 115 119)
- HSL
- hsl(182 100% 23%)
- HWB
- hwb(182 0% 53%)
- OKLCH
- oklch(0.505 0.086 199)
- OKLab
- oklab(0.505 -0.081 -0.028)
- CIE Lab
- lab(43.37 -27.1 -10.52)
- LCH
- lch(43.37 29.07 201.2)
- CMYK
- cmyk(100% 3% 0% 53%)
Tinte · Ombre · Toni
Tinte
- 308084
- 4B8E91
- 629C9E
- 79A9AB
- 8FB7B9
- A6C5C7
- BCD4D4
- D2E2E2
- E8F0F1
Ombre
- 006367
- 005457
- 004547
- 003638
- 00282A
- 001B1C
- 000F10
- 000505
- 000101
Toni
- 217578
- 317679
- 3E777A
- 4A797B
- 547A7C
- 5E7B7D
- 677D7D
- 6F7E7E
- 787F7F
Armonie di colore
Complementare +180°
- 007377
Essential Teal
- 8F4F51
≈ Apple Butter
Analogo -30° +30°
- 007377
Essential Teal
- 25745C
≈ Tropical Rainforest
- 226D8C
≈ Chill of the Night
Triadico +120° +240°
- 007377
Essential Teal
- 7A5484
≈ Champion
- 7F5E24
≈ Sleek Otter
Complementare divisa +150° +210°
- 007377
Essential Teal
- 894F6C
≈ Raspberry Crush
- 8C5536
≈ Chestnut Chest
Tetradico +90° +180° +270°
- 007377
Essential Teal
- 635C92
≈ Colossus
- 8F4F51
≈ Apple Butter
- 686828
≈ Safari Green
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.64:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.71:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--essential-teal: #007377;
--essential-teal-rgb: 0 115 119;
--essential-teal-oklch: oklch(0.505 0.086 199);
}
.element {
color: var(--essential-teal);
background-color: hsl(182 100% 23%);
border-color: oklch(0.505 0.086 199);
}Tailwind CSS v4
@theme {
--color-essential-teal: #007377;
--color-essential-teal-50: #dafdff;
--color-essential-teal-100: #c8f1f4;
--color-essential-teal-200: #aae0e3;
--color-essential-teal-300: #81c5c9;
--color-essential-teal-400: #5aaeb2;
--color-essential-teal-500: #2a979c;
--color-essential-teal-600: #278084;
--color-essential-teal-700: #1f6669;
--color-essential-teal-800: #144b4d;
--color-essential-teal-900: #0d3435;
--color-essential-teal-950: #012020;
}SCSS
$essential-teal: #007377;
$essential-teal-rgb: 0, 115, 119;
$essential-teal-light: mix(#fff, $essential-teal, 20%);
$essential-teal-dark: mix(#000, $essential-teal, 20%);
.element {
color: $essential-teal;
box-shadow: 0 0 0 2px rgba($essential-teal, 0.35);
}