Colore con nome · #76BAA8
Sereni Teal
Sereni Teal è #76BAA8: rgb(118 186 168), hsl(164 33% 60%), oklch(0.738 0.074 175.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Sereni Teal color name →
#76BAA8
oklch(0.738 0.074 175.5)
Conversioni di colore
- HEX
- #76baa8
- RGB
- rgb(118 186 168)
- HSL
- hsl(164 33% 60%)
- HWB
- hwb(164 46% 27%)
- OKLCH
- oklch(0.738 0.074 175.5)
- OKLab
- oklab(0.738 -0.074 0.006)
- CIE Lab
- lab(70.6 -25.61 1.98)
- LCH
- lch(70.6 25.69 175.6)
- CMYK
- cmyk(37% 0% 10% 27%)
Tinte · Ombre · Toni
Tinte
- 84C1B0
- 93C8B9
- A0CFC1
- AED6CA
- BCDCD3
- C9E3DB
- D7EAE4
- E4F1ED
- F2F8F6
Ombre
- 66A192
- 56897C
- 477267
- 385C52
- 29463F
- 1C322C
- 0F1E1A
- 050D0A
- 010201
Toni
- 78B4A4
- 7AAEA0
- 7BA89C
- 7DA398
- 7E9D94
- 7F9790
- 7F918C
- 808B88
- 808684
Armonie di colore
Complementare +180°
- 76BAA8
Sereni Teal
- D197AC
≈ Honey Pink
Analogo -30° +30°
- 76BAA8
Sereni Teal
- 8DB78E
≈ Green Bonnet
- 6FB8C1
≈ Tropez Blue
Triadico +120° +240°
- 76BAA8
Sereni Teal
- AEA1D5
≈ Milky Lavender
- CF9E7D
≈ Darling Clementine
Complementare divisa +150° +210°
- 76BAA8
Sereni Teal
- C39AC4
≈ Lilac Pink
- D59892
≈ Shanghai Peach
Tetradico +90° +180° +270°
- 76BAA8
Sereni Teal
- 94AADA
≈ Victory Lake
- D197AC
≈ Honey Pink
- C0A774
≈ Dusted Olive
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.24:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.35:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--sereni-teal: #76baa8;
--sereni-teal-rgb: 118 186 168;
--sereni-teal-oklch: oklch(0.738 0.074 175.5);
}
.element {
color: var(--sereni-teal);
background-color: hsl(164 33% 60%);
border-color: oklch(0.738 0.074 175.5);
}Tailwind CSS v4
@theme {
--color-sereni-teal: #76baa8;
--color-sereni-teal-50: #e0fdf5;
--color-sereni-teal-100: #cff1e8;
--color-sereni-teal-200: #b3dfd4;
--color-sereni-teal-300: #8ec4b7;
--color-sereni-teal-400: #6dad9c;
--color-sereni-teal-500: #4a9684;
--color-sereni-teal-600: #407f70;
--color-sereni-teal-700: #336659;
--color-sereni-teal-800: #244b40;
--color-sereni-teal-900: #18342c;
--color-sereni-teal-950: #081f19;
}SCSS
$sereni-teal: #76baa8;
$sereni-teal-rgb: 118, 186, 168;
$sereni-teal-light: mix(#fff, $sereni-teal, 20%);
$sereni-teal-dark: mix(#000, $sereni-teal, 20%);
.element {
color: $sereni-teal;
box-shadow: 0 0 0 2px rgba($sereni-teal, 0.35);
}