Colore con nome · #20AEA7
Tropical Tree
Tropical Tree è #20AEA7: rgb(32 174 167), hsl(177 69% 40%), oklch(0.68 0.112 189.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tropical Tree color name →
#20AEA7
oklch(0.68 0.112 189.6)
Conversioni di colore
- HEX
- #20aea7
- RGB
- rgb(32 174 167)
- HSL
- hsl(177 69% 40%)
- HWB
- hwb(177 13% 32%)
- OKLCH
- oklch(0.68 0.112 189.6)
- OKLab
- oklab(0.68 -0.11 -0.019)
- CIE Lab
- lab(64.17 -37.91 -7.21)
- LCH
- lch(64.17 38.59 190.8)
- CMYK
- cmyk(82% 0% 4% 32%)
Tinte · Ombre · Toni
Tinte
- 47B6B0
- 61BEB8
- 78C7C1
- 8DCFC9
- A1D7D2
- B4DFDB
- C7E7E4
- DAEFED
- EDF7F6
Ombre
- 1A9791
- 15807B
- 0F6A66
- 0A5552
- 06413E
- 032E2C
- 011C1A
- 000B0A
- 000101
Toni
- 37AAA3
- 46A59F
- 52A19B
- 5B9C97
- 639793
- 6A938F
- 718E8C
- 768A88
- 7B8584
Armonie di colore
Complementare +180°
- 20AEA7
Tropical Tree
- D37A89
≈ I Pink I Can
Analogo -30° +30°
- 20AEA7
Tropical Tree
- 52AD80
≈ Julep
- 2EA8C7
≈ Pacific Blue
Triadico +120° +240°
- 20AEA7
Tropical Tree
- AD84CC
≈ Wisteria
- C48B44
≈ Golden Leaf
Complementare divisa +150° +210°
- 20AEA7
Tropical Tree
- C67CAE
≈ Strawberry Freeze
- D37F63
≈ Burning Sand
Tetradico +90° +180° +270°
- 20AEA7
Tropical Tree
- 8A90DC
≈ Perrywinkle
- D37A89
≈ I Pink I Can
- A9993F
≈ Prickly Pear
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.67:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.67:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--tropical-tree: #20aea7;
--tropical-tree-rgb: 32 174 167;
--tropical-tree-oklch: oklch(0.68 0.112 189.6);
}
.element {
color: var(--tropical-tree);
background-color: hsl(177 69% 40%);
border-color: oklch(0.68 0.112 189.6);
}Tailwind CSS v4
@theme {
--color-tropical-tree: #20aea7;
--color-tropical-tree-50: #d1fffd;
--color-tropical-tree-100: #bdf4f1;
--color-tropical-tree-200: #9be4e0;
--color-tropical-tree-300: #6ccac6;
--color-tropical-tree-400: #38b3ac;
--color-tropical-tree-500: #009d96;
--color-tropical-tree-600: #00857f;
--color-tropical-tree-700: #006a66;
--color-tropical-tree-800: #004e49;
--color-tropical-tree-900: #003733;
--color-tropical-tree-950: #00211e;
}SCSS
$tropical-tree: #20aea7;
$tropical-tree-rgb: 32, 174, 167;
$tropical-tree-light: mix(#fff, $tropical-tree, 20%);
$tropical-tree-dark: mix(#000, $tropical-tree, 20%);
.element {
color: $tropical-tree;
box-shadow: 0 0 0 2px rgba($tropical-tree, 0.35);
}