Colore con nome · #A8CFC0
Swimming Pool Green
Swimming Pool Green è #A8CFC0: rgb(168 207 192), hsl(157 29% 74%), oklch(0.822 0.046 169.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Swimming Pool Green color name →
#A8CFC0
oklch(0.822 0.046 169.8)
Conversioni di colore
- HEX
- #a8cfc0
- RGB
- rgb(168 207 192)
- HSL
- hsl(157 29% 74%)
- HWB
- hwb(157 66% 19%)
- OKLCH
- oklch(0.822 0.046 169.8)
- OKLab
- oklab(0.822 -0.046 0.008)
- CIE Lab
- lab(79.98 -15.65 2.99)
- LCH
- lch(79.98 15.93 169.2)
- CMYK
- cmyk(19% 0% 7% 19%)
Tinte · Ombre · Toni
Tinte
- B1D4C6
- B9D9CC
- C2DDD3
- CBE2D9
- D3E7DF
- DCECE5
- E5F1EC
- EEF5F2
- F6FAF9
Ombre
- 92B4A7
- 7C998E
- 677F76
- 52675F
- 3F4F49
- 2C3834
- 1A2320
- 0A100E
- 010202
Toni
- A4C7B9
- A0BFB3
- 9CB7AC
- 98AFA6
- 94A79F
- 909F99
- 8C9793
- 888F8C
- 848886
Armonie di colore
Complementare +180°
- A8CFC0
Swimming Pool Green
- DDB9C9
≈ Smoked Silver
Analogo -30° +30°
- A8CFC0
Swimming Pool Green
- B6CDB0
≈ Spring Fields
- A2CED0
≈ Mystery
Triadico +120° +240°
- A8CFC0
Swimming Pool Green
- C4C0E2
≈ Purple Dragon
- DFBDAB
≈ One to Remember
Complementare divisa +150° +210°
- A8CFC0
Swimming Pool Green
- D3BCD8
≈ Petite Purple
- E2B9B8
≈ Bistro Pink
Tetradico +90° +180° +270°
- A8CFC0
Swimming Pool Green
- B3C6E4
≈ Beautiful Dream
- DDB9C9
≈ Smoked Silver
- D5C2A4
≈ Country Linen
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.35:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.35:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--swimming-pool-green: #a8cfc0;
--swimming-pool-green-rgb: 168 207 192;
--swimming-pool-green-oklch: oklch(0.822 0.046 169.8);
}
.element {
color: var(--swimming-pool-green);
background-color: hsl(157 29% 74%);
border-color: oklch(0.822 0.046 169.8);
}Tailwind CSS v4
@theme {
--color-swimming-pool-green: #a8cfc0;
--color-swimming-pool-green-50: #e9faf3;
--color-swimming-pool-green-100: #d9ede6;
--color-swimming-pool-green-200: #c1dbd2;
--color-swimming-pool-green-300: #a0c0b4;
--color-swimming-pool-green-400: #84a89a;
--color-swimming-pool-green-500: #679081;
--color-swimming-pool-green-600: #587a6d;
--color-swimming-pool-green-700: #466257;
--color-swimming-pool-green-800: #33483f;
--color-swimming-pool-green-900: #22322b;
--color-swimming-pool-green-950: #111e19;
}SCSS
$swimming-pool-green: #a8cfc0;
$swimming-pool-green-rgb: 168, 207, 192;
$swimming-pool-green-light: mix(#fff, $swimming-pool-green, 20%);
$swimming-pool-green-dark: mix(#000, $swimming-pool-green, 20%);
.element {
color: $swimming-pool-green;
box-shadow: 0 0 0 2px rgba($swimming-pool-green, 0.35);
}