Colore con nome · #018E8E
Forever Teal
Forever Teal è #018E8E: rgb(1 142 142), hsl(180 99% 28%), oklch(0.586 0.1 194.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Forever Teal color name →
#018E8E
oklch(0.586 0.1 194.8)
Conversioni di colore
- HEX
- #018e8e
- RGB
- rgb(1 142 142)
- HSL
- hsl(180 99% 28%)
- HWB
- hwb(180 0% 44%)
- OKLCH
- oklch(0.586 0.1 194.8)
- OKLab
- oklab(0.586 -0.097 -0.025)
- CIE Lab
- lab(52.99 -32.71 -9.66)
- LCH
- lch(52.99 34.11 196.5)
- CMYK
- cmyk(99% 0% 0% 44%)
Tinte · Ombre · Toni
Tinte
- 369999
- 53A4A4
- 6BB0AF
- 81BBBA
- 96C6C5
- ACD1D0
- C0DDDC
- D5E8E8
- EAF4F3
Ombre
- 017B7B
- 016868
- 005656
- 004444
- 003434
- 002424
- 001515
- 000707
- 000101
Toni
- 268D8D
- 388C8B
- 458A8A
- 508988
- 5A8887
- 638686
- 6B8584
- 728383
- 798281
Armonie di colore
Complementare +180°
- 018E8E
Forever Teal
- AF6269
≈ Cherry Kisses
Analogo -30° +30°
- 018E8E
Forever Teal
- 368E6D
≈ Leprechaun
- 2488A8
≈ Capri Breeze
Triadico +120° +240°
- 018E8E
Forever Teal
- 9269A5
≈ Amethyst Orchid
- 9F7330
≈ Buttered Rum
Complementare divisa +150° +210°
- 018E8E
Forever Teal
- A6638A
≈ Wild Mulberry
- AD6848
≈ Rusty Gate
Tetradico +90° +180° +270°
- 018E8E
Forever Teal
- 7673B5
≈ Plum Preserve
- AF6269
≈ Cherry Kisses
- 857F30
≈ Verdant
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.99:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.26:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.26:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--forever-teal: #018e8e;
--forever-teal-rgb: 1 142 142;
--forever-teal-oklch: oklch(0.586 0.1 194.8);
}
.element {
color: var(--forever-teal);
background-color: hsl(180 99% 28%);
border-color: oklch(0.586 0.1 194.8);
}Tailwind CSS v4
@theme {
--color-forever-teal: #018e8e;
--color-forever-teal-50: #d5ffff;
--color-forever-teal-100: #c2f3f3;
--color-forever-teal-200: #a2e2e3;
--color-forever-teal-300: #76c8c9;
--color-forever-teal-400: #49b1b0;
--color-forever-teal-500: #009a9a;
--color-forever-teal-600: #008282;
--color-forever-teal-700: #026868;
--color-forever-teal-800: #014d4c;
--color-forever-teal-900: #023635;
--color-forever-teal-950: #002120;
}SCSS
$forever-teal: #018e8e;
$forever-teal-rgb: 1, 142, 142;
$forever-teal-light: mix(#fff, $forever-teal, 20%);
$forever-teal-dark: mix(#000, $forever-teal, 20%);
.element {
color: $forever-teal;
box-shadow: 0 0 0 2px rgba($forever-teal, 0.35);
}