Colore con nome · #3D7965
Fir
Fir è #3D7965: rgb(61 121 101), hsl(160 33% 36%), oklch(0.529 0.071 169.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Fir color name →
#3D7965
oklch(0.529 0.071 169.6)
Conversioni di colore
- HEX
- #3d7965
- RGB
- rgb(61 121 101)
- HSL
- hsl(160 33% 36%)
- HWB
- hwb(160 24% 53%)
- OKLCH
- oklch(0.529 0.071 169.6)
- OKLab
- oklab(0.529 -0.07 0.013)
- CIE Lab
- lab(46.36 -24.39 4.68)
- LCH
- lch(46.36 24.83 169.1)
- CMYK
- cmyk(50% 0% 17% 53%)
Tinte · Ombre · Toni
Tinte
- 518673
- 649382
- 77A090
- 8AADA0
- 9DBAAF
- B0C8BE
- C4D5CE
- D7E3DE
- EBF1EF
Ombre
- 346857
- 2B5849
- 22483C
- 1A392F
- 122B22
- 0A1D17
- 04100C
- 010503
- 000100
Toni
- 457A68
- 4D7B6A
- 547B6D
- 5B7C70
- 627D72
- 687E75
- 6E7E78
- 747F7B
- 7A7F7D
Armonie di colore
Complementare +180°
- 3D7965
Fir
- 8B5B72
≈ Grape Nectar
Analogo -30° +30°
- 3D7965
Fir
- 56764E
≈ Willow Bough
- 30787C
≈ Atoll
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.09:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.12:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.09:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--fir: #3d7965;
--fir-rgb: 61 121 101;
--fir-oklch: oklch(0.529 0.071 169.6);
}
.element {
color: var(--fir);
background-color: hsl(160 33% 36%);
border-color: oklch(0.529 0.071 169.6);
}Tailwind CSS v4
@theme {
--color-fir: #3d7965;
--color-fir-50: #e2fcf3;
--color-fir-100: #d1f0e5;
--color-fir-200: #b7dfd0;
--color-fir-300: #93c4b3;
--color-fir-400: #73ac98;
--color-fir-500: #52967f;
--color-fir-600: #467e6b;
--color-fir-700: #386556;
--color-fir-800: #284a3d;
--color-fir-900: #1b342a;
--color-fir-950: #0b1f18;
}SCSS
$fir: #3d7965;
$fir-rgb: 61, 121, 101;
$fir-light: mix(#fff, $fir, 20%);
$fir-dark: mix(#000, $fir, 20%);
.element {
color: $fir;
box-shadow: 0 0 0 2px rgba($fir, 0.35);
}