Colore con nome · #4D7F86
Tapestry Teal
Tapestry Teal è #4D7F86: rgb(77 127 134), hsl(187 27% 41%), oklch(0.564 0.055 207.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Tapestry Teal color name →
#4D7F86
oklch(0.564 0.055 207.1)
Conversioni di colore
- HEX
- #4d7f86
- RGB
- rgb(77 127 134)
- HSL
- hsl(187 27% 41%)
- HWB
- hwb(187 30% 47%)
- OKLCH
- oklch(0.564 0.055 207.1)
- OKLab
- oklab(0.564 -0.049 -0.025)
- CIE Lab
- lab(49.87 -16.1 -9.42)
- LCH
- lch(49.87 18.65 210.3)
- CMYK
- cmyk(43% 5% 0% 47%)
Tinte · Ombre · Toni
Tinte
- 5F8B91
- 70989D
- 82A4A9
- 93B1B5
- A5BDC1
- B6CACD
- C8D7D9
- DAE4E6
- EDF2F2
Ombre
- 426E74
- 375D62
- 2C4C51
- 223C40
- 182D30
- 0F1F21
- 071113
- 020606
- 000101
Toni
- 537F85
- 597F85
- 5E8084
- 638084
- 698083
- 6D8083
- 728082
- 778081
- 7B8081
Armonie di colore
Complementare +180°
- 4D7F86
Tapestry Teal
- 936964
≈ Clay Ridge
Analogo -30° +30°
- 4D7F86
Tapestry Teal
- 518075
≈ Dull Turquoise
- 567B92
≈ Mallorca Blue
Triadico +120° +240°
- 4D7F86
Tapestry Teal
- 876A87
≈ Beauty
- 847450
≈ Woodbridge
Complementare divisa +150° +210°
- 4D7F86
Tapestry Teal
- 916876
≈ Copper Pink
- 8F6E56
≈ Dig It
Tetradico +90° +180° +270°
- 4D7F86
Tapestry Teal
- 796F92
≈ Parisian Violet
- 936964
≈ Clay Ridge
- 737A55
≈ Loden Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.47:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.69:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.69:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--tapestry-teal: #4d7f86;
--tapestry-teal-rgb: 77 127 134;
--tapestry-teal-oklch: oklch(0.564 0.055 207.1);
}
.element {
color: var(--tapestry-teal);
background-color: hsl(187 27% 41%);
border-color: oklch(0.564 0.055 207.1);
}Tailwind CSS v4
@theme {
--color-tapestry-teal: #4d7f86;
--color-tapestry-teal-50: #e4fafe;
--color-tapestry-teal-100: #d4edf2;
--color-tapestry-teal-200: #badbe1;
--color-tapestry-teal-300: #97c0c7;
--color-tapestry-teal-400: #78a8af;
--color-tapestry-teal-500: #589199;
--color-tapestry-teal-600: #4b7a81;
--color-tapestry-teal-700: #3c6267;
--color-tapestry-teal-800: #2b484b;
--color-tapestry-teal-900: #1d3234;
--color-tapestry-teal-950: #0d1e20;
}SCSS
$tapestry-teal: #4d7f86;
$tapestry-teal-rgb: 77, 127, 134;
$tapestry-teal-light: mix(#fff, $tapestry-teal, 20%);
$tapestry-teal-dark: mix(#000, $tapestry-teal, 20%);
.element {
color: $tapestry-teal;
box-shadow: 0 0 0 2px rgba($tapestry-teal, 0.35);
}