Colore con nome · #83BAA8
Patina Hue
Patina Hue è #83BAA8: rgb(131 186 168), hsl(160 28% 62%), oklch(0.745 0.063 172.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Patina Hue color name →
#83BAA8
oklch(0.745 0.063 172.2)
Conversioni di colore
- HEX
- #83baa8
- RGB
- rgb(131 186 168)
- HSL
- hsl(160 28% 62%)
- HWB
- hwb(160 51% 27%)
- OKLCH
- oklch(0.745 0.063 172.2)
- OKLab
- oklab(0.745 -0.063 0.009)
- CIE Lab
- lab(71.3 -21.64 3.09)
- LCH
- lch(71.3 21.86 171.9)
- CMYK
- cmyk(30% 0% 10% 27%)
Tinte · Ombre · Toni
Tinte
- 90C1B0
- 9CC8B9
- A9CFC1
- B5D5CA
- C1DCD3
- CEE3DB
- DAEAE4
- E6F1ED
- F3F8F6
Ombre
- 71A192
- 60897C
- 4F7267
- 3F5C52
- 2F463F
- 20322C
- 121E1A
- 060D0A
- 010201
Toni
- 83B4A4
- 83AEA0
- 83A89C
- 83A398
- 839D94
- 839790
- 82918C
- 828B88
- 818684
Armonie di colore
Complementare +180°
- 83BAA8
Patina Hue
- CD9CB1
≈ Lady’s Cushions Pink
Analogo -30° +30°
- 83BAA8
Patina Hue
- 96B792
≈ Brookview
- 7CB9BE
≈ Coastal Fringe
Triadico +120° +240°
- 83BAA8
Patina Hue
- ADA6D2
≈ Milky Lavender
- CEA288
≈ Sienna Buff
Complementare divisa +150° +210°
- 83BAA8
Patina Hue
- C0A0C5
≈ Pale Grape
- D29D9A
≈ Savoury Salmon
Tetradico +90° +180° +270°
- 83BAA8
Patina Hue
- 97ADD5
≈ Lazy Day
- CD9CB1
≈ Lady’s Cushions Pink
- C1A97F
≈ Antiquity
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.55:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--patina-hue: #83baa8;
--patina-hue-rgb: 131 186 168;
--patina-hue-oklch: oklch(0.745 0.063 172.2);
}
.element {
color: var(--patina-hue);
background-color: hsl(160 28% 62%);
border-color: oklch(0.745 0.063 172.2);
}Tailwind CSS v4
@theme {
--color-patina-hue: #83baa8;
--color-patina-hue-50: #e4fbf4;
--color-patina-hue-100: #d3efe6;
--color-patina-hue-200: #b9ded2;
--color-patina-hue-300: #96c2b5;
--color-patina-hue-400: #78ab9a;
--color-patina-hue-500: #589481;
--color-patina-hue-600: #4b7d6e;
--color-patina-hue-700: #3c6458;
--color-patina-hue-800: #2b4a3f;
--color-patina-hue-900: #1d332b;
--color-patina-hue-950: #0d1f19;
}SCSS
$patina-hue: #83baa8;
$patina-hue-rgb: 131, 186, 168;
$patina-hue-light: mix(#fff, $patina-hue, 20%);
$patina-hue-dark: mix(#000, $patina-hue, 20%);
.element {
color: $patina-hue;
box-shadow: 0 0 0 2px rgba($patina-hue, 0.35);
}