Colore con nome · #00AF9D
Pool Green
Pool Green è #00AF9D: rgb(0 175 157), hsl(174 100% 34%), oklch(0.677 0.121 182.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Pool Green color name →
#00AF9D
oklch(0.677 0.121 182.1)
Conversioni di colore
- HEX
- #00af9d
- RGB
- rgb(0 175 157)
- HSL
- hsl(174 100% 34%)
- HWB
- hwb(174 0% 31%)
- OKLCH
- oklch(0.677 0.121 182.1)
- OKLab
- oklab(0.677 -0.121 -0.005)
- CIE Lab
- lab(63.98 -42.33 -2)
- LCH
- lch(63.98 42.37 182.7)
- CMYK
- cmyk(100% 0% 10% 31%)
Tinte · Ombre · Toni
Tinte
- 3EB7A6
- 5BBFB0
- 74C7B9
- 8ACFC3
- 9ED7CD
- B2DFD7
- C6E7E1
- D9EFEB
- ECF7F5
Ombre
- 009888
- 008173
- 006B5F
- 00564C
- 00413A
- 002E28
- 001C18
- 000B09
- 000101
Toni
- 2CAA9A
- 3FA697
- 4DA194
- 589D91
- 61988E
- 68938B
- 6F8F89
- 758A86
- 7B8583
Armonie di colore
Complementare +180°
- 00AF9D
Pool Green
- D47691
≈ Minuette
Analogo -30° +30°
- 00AF9D
Pool Green
- 57AC72
≈ Glen
- 00AAC1
≈ Sarah’s Garden
Triadico +120° +240°
- 00AF9D
Pool Green
- A584D5
≈ Middy’s Purple
- CC8540
≈ Peru
Complementare divisa +150° +210°
- 00AF9D
Pool Green
- C37AB8
≈ Colombo Red Mauve
- D77967
≈ Lei Flower
Tetradico +90° +180° +270°
- 00AF9D
Pool Green
- 7D92E2
≈ Perrywinkle
- D47691
≈ Minuette
- B2942F
≈ Balsam Pear
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.75:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.61:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--pool-green: #00af9d;
--pool-green-rgb: 0 175 157;
--pool-green-oklch: oklch(0.677 0.121 182.1);
}
.element {
color: var(--pool-green);
background-color: hsl(174 100% 34%);
border-color: oklch(0.677 0.121 182.1);
}Tailwind CSS v4
@theme {
--color-pool-green: #00af9d;
--color-pool-green-50: #d0fff9;
--color-pool-green-100: #bbf6ec;
--color-pool-green-200: #98e6da;
--color-pool-green-300: #67ccbe;
--color-pool-green-400: #2db5a4;
--color-pool-green-500: #009f8c;
--color-pool-green-600: #008777;
--color-pool-green-700: #006c5f;
--color-pool-green-800: #004f44;
--color-pool-green-900: #00372f;
--color-pool-green-950: #00221c;
}SCSS
$pool-green: #00af9d;
$pool-green-rgb: 0, 175, 157;
$pool-green-light: mix(#fff, $pool-green, 20%);
$pool-green-dark: mix(#000, $pool-green, 20%);
.element {
color: $pool-green;
box-shadow: 0 0 0 2px rgba($pool-green, 0.35);
}