Colore con nome · #419A7D
Greenway
Greenway è #419A7D: rgb(65 154 125), hsl(160 41% 43%), oklch(0.624 0.097 168.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Greenway color name →
#419A7D
oklch(0.624 0.097 168.8)
Conversioni di colore
- HEX
- #419a7d
- RGB
- rgb(65 154 125)
- HSL
- hsl(160 41% 43%)
- HWB
- hwb(160 25% 40%)
- OKLCH
- oklch(0.624 0.097 168.8)
- OKLab
- oklab(0.624 -0.095 0.019)
- CIE Lab
- lab(57.64 -33.34 6.89)
- LCH
- lch(57.64 34.05 168.3)
- CMYK
- cmyk(58% 0% 19% 40%)
Tinte · Ombre · Toni
Tinte
- 57A489
- 6CAE96
- 7FB8A2
- 91C2AF
- A4CCBC
- B6D6C9
- C8E0D6
- DAEBE4
- EDF5F1
Ombre
- 37856C
- 2E715B
- 255E4B
- 1C4B3B
- 13392C
- 0B271E
- 051711
- 010905
- 000101
Toni
- 4B987D
- 53957E
- 5A937E
- 61907E
- 678D7F
- 6D8B7F
- 72887F
- 77867F
- 7C8380
Armonie di colore
Complementare +180°
- 419A7D
Greenway
- B36F91
≈ Fuscia Fizz
Analogo -30° +30°
- 419A7D
Greenway
- 69955C
≈ Milpa
- 27999D
≈ Ocean Reef
Triadico +120° +240°
- 419A7D
Greenway
- 857DBE
≈ Faraway Sky
- B77551
≈ Outlawed Orange
Complementare divisa +150° +210°
- 419A7D
Greenway
- A074AD
≈ Bell Heather
- BA6F70
≈ Exotic Incense
Tetradico +90° +180° +270°
- 419A7D
Greenway
- 6388C1
≈ Danube
- B36F91
≈ Fuscia Fizz
- A7803E
≈ El Dorado
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.41:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.14:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.14:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--greenway: #419a7d;
--greenway-rgb: 65 154 125;
--greenway-oklch: oklch(0.624 0.097 168.8);
}
.element {
color: var(--greenway);
background-color: hsl(160 41% 43%);
border-color: oklch(0.624 0.097 168.8);
}Tailwind CSS v4
@theme {
--color-greenway: #419a7d;
--color-greenway-50: #dbfff1;
--color-greenway-100: #c9f3e3;
--color-greenway-200: #abe2cf;
--color-greenway-300: #83c8b1;
--color-greenway-400: #5fb194;
--color-greenway-500: #339a7b;
--color-greenway-600: #2d8368;
--color-greenway-700: #246953;
--color-greenway-800: #1a4d3b;
--color-greenway-900: #113529;
--color-greenway-950: #032116;
}SCSS
$greenway: #419a7d;
$greenway-rgb: 65, 154, 125;
$greenway-light: mix(#fff, $greenway, 20%);
$greenway-dark: mix(#000, $greenway, 20%);
.element {
color: $greenway;
box-shadow: 0 0 0 2px rgba($greenway, 0.35);
}