Colore con nome · #3AB0A2
Waterfall
Waterfall è #3AB0A2: rgb(58 176 162), hsl(173 50% 46%), oklch(0.689 0.105 183.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Waterfall color name →
#3AB0A2
oklch(0.689 0.105 183.8)
Conversioni di colore
- HEX
- #3ab0a2
- RGB
- rgb(58 176 162)
- HSL
- hsl(173 50% 46%)
- HWB
- hwb(173 23% 31%)
- OKLCH
- oklch(0.689 0.105 183.8)
- OKLab
- oklab(0.689 -0.105 -0.007)
- CIE Lab
- lab(65.16 -36.49 -2.93)
- LCH
- lch(65.16 36.61 184.6)
- CMYK
- cmyk(67% 0% 8% 31%)
Tinte · Ombre · Toni
Tinte
- 55B8AB
- 6CC0B4
- 80C8BD
- 94D0C6
- A6D8D0
- B8E0D9
- CAE7E2
- DCEFEC
- EDF7F5
Ombre
- 31998C
- 288277
- 206C63
- 18564F
- 10423C
- 092E2A
- 041C19
- 010B0A
- 000101
Toni
- 47AB9F
- 52A79B
- 5BA298
- 629D94
- 699891
- 6E948D
- 738F8A
- 788A87
- 7C8583
Armonie di colore
Complementare +180°
- 3AB0A2
Waterfall
- D17E93
≈ I Pink I Can
Analogo -30° +30°
- 3AB0A2
Waterfall
- 63AE7D
≈ Green Tea Candy
- 38ABC2
≈ Moonstone
Triadico +120° +240°
- 3AB0A2
Waterfall
- A98AD0
≈ Middy’s Purple
- C98C51
≈ Orange Nectar Bat
Complementare divisa +150° +210°
- 3AB0A2
Waterfall
- C382B6
≈ Lavender Sweater
- D4826F
≈ Fire Chalk
Tetradico +90° +180° +270°
- 3AB0A2
Waterfall
- 8696DC
≈ Portage
- D17E93
≈ I Pink I Can
- B19A48
≈ Husk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.91:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.91:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--waterfall: #3ab0a2;
--waterfall-rgb: 58 176 162;
--waterfall-oklch: oklch(0.689 0.105 183.8);
}
.element {
color: var(--waterfall);
background-color: hsl(173 50% 46%);
border-color: oklch(0.689 0.105 183.8);
}Tailwind CSS v4
@theme {
--color-waterfall: #3ab0a2;
--color-waterfall-50: #d4fff9;
--color-waterfall-100: #c1f4ed;
--color-waterfall-200: #a0e3db;
--color-waterfall-300: #74c9bf;
--color-waterfall-400: #47b3a5;
--color-waterfall-500: #009c8e;
--color-waterfall-600: #008478;
--color-waterfall-700: #006a60;
--color-waterfall-800: #004e45;
--color-waterfall-900: #023630;
--color-waterfall-950: #00211c;
}SCSS
$waterfall: #3ab0a2;
$waterfall-rgb: 58, 176, 162;
$waterfall-light: mix(#fff, $waterfall, 20%);
$waterfall-dark: mix(#000, $waterfall, 20%);
.element {
color: $waterfall;
box-shadow: 0 0 0 2px rgba($waterfall, 0.35);
}