Colore con nome · #7AD7AD
Tadorna Teal
Tadorna Teal è #7AD7AD: rgb(122 215 173), hsl(153 54% 66%), oklch(0.81 0.108 163.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Tadorna Teal color name →
#7AD7AD
oklch(0.81 0.108 163.2)
Conversioni di colore
- HEX
- #7ad7ad
- RGB
- rgb(122 215 173)
- HSL
- hsl(153 54% 66%)
- HWB
- hwb(153 48% 16%)
- OKLCH
- oklch(0.81 0.108 163.2)
- OKLab
- oklab(0.81 -0.104 0.031)
- CIE Lab
- lab(79.37 -36.22 11.76)
- LCH
- lch(79.37 38.08 162)
- CMYK
- cmyk(43% 0% 20% 16%)
Tinte · Ombre · Toni
Tinte
- 89DBB5
- 98DFBD
- A5E3C5
- B3E8CD
- C0ECD6
- CDF0DE
- DAF3E6
- E6F7EE
- F3FBF7
Ombre
- 69BB96
- 599F7F
- 49856A
- 3A6B55
- 2B5241
- 1D3B2D
- 10251B
- 05110B
- 010201
Toni
- 7CCEA8
- 7EC5A4
- 80BC9F
- 81B49B
- 81AB96
- 82A292
- 829A8D
- 819189
- 818984
Armonie di colore
Complementare +180°
- 7AD7AD
Tadorna Teal
- F2A5D3
≈ Violet Kiss
Analogo -30° +30°
- 7AD7AD
Tadorna Teal
- A5D087
≈ Pistachio Dream
- 5DD7D4
≈ Hammam Blue
Triadico +120° +240°
- 7AD7AD
Tadorna Teal
- B8B9FF
≈ Greyish Lavender
- FCAA88
≈ Super Sepia
Complementare divisa +150° +210°
- 7AD7AD
Tadorna Teal
- DAACF3
≈ Petal Plush
- FEA3AD
≈ Strawberry Frappé
Tetradico +90° +180° +270°
- 7AD7AD
Tadorna Teal
- 94C5FF
≈ Clear Sky
- F2A5D3
≈ Violet Kiss
- EBB66F
≈ Classical Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.15:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.15:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--tadorna-teal: #7ad7ad;
--tadorna-teal-rgb: 122 215 173;
--tadorna-teal-oklch: oklch(0.81 0.108 163.2);
}
.element {
color: var(--tadorna-teal);
background-color: hsl(153 54% 66%);
border-color: oklch(0.81 0.108 163.2);
}Tailwind CSS v4
@theme {
--color-tadorna-teal: #7ad7ad;
--color-tadorna-teal-50: #d9ffee;
--color-tadorna-teal-100: #c7f4df;
--color-tadorna-teal-200: #a9e4c9;
--color-tadorna-teal-300: #80c9aa;
--color-tadorna-teal-400: #5bb38c;
--color-tadorna-teal-500: #2b9c71;
--color-tadorna-teal-600: #288460;
--color-tadorna-teal-700: #206a4d;
--color-tadorna-teal-800: #174e36;
--color-tadorna-teal-900: #0f3625;
--color-tadorna-teal-950: #022113;
}SCSS
$tadorna-teal: #7ad7ad;
$tadorna-teal-rgb: 122, 215, 173;
$tadorna-teal-light: mix(#fff, $tadorna-teal, 20%);
$tadorna-teal-dark: mix(#000, $tadorna-teal, 20%);
.element {
color: $tadorna-teal;
box-shadow: 0 0 0 2px rgba($tadorna-teal, 0.35);
}