Colore con nome · #019196
Splashy
Splashy è #019196: rgb(1 145 150), hsl(182 99% 30%), oklch(0.597 0.101 199.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Splashy color name →
#019196
oklch(0.597 0.101 199.1)
Conversioni di colore
- HEX
- #019196
- RGB
- rgb(1 145 150)
- HSL
- hsl(182 99% 30%)
- HWB
- hwb(182 0% 41%)
- OKLCH
- oklch(0.597 0.101 199.1)
- OKLab
- oklab(0.597 -0.096 -0.033)
- CIE Lab
- lab(54.19 -31.96 -12.46)
- LCH
- lch(54.19 34.31 201.3)
- CMYK
- cmyk(99% 3% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 379CA0
- 54A7AA
- 6CB2B5
- 82BDBF
- 97C8C9
- ACD3D4
- C1DEDF
- D6E9E9
- EAF4F4
Ombre
- 017D82
- 016A6E
- 00585B
- 004649
- 003537
- 002526
- 001516
- 000708
- 000101
Toni
- 279094
- 398E92
- 468C8F
- 518B8D
- 5B898B
- 638889
- 6B8687
- 738484
- 798282
Armonie di colore
Complementare +180°
- 019196
Splashy
- B46567
≈ Lasting Impression
Analogo -30° +30°
- 019196
Splashy
- 319275
≈ Illuminating Emerald
- 2E8AAF
≈ Carol
Triadico +120° +240°
- 019196
Splashy
- 996BA5
≈ Dark Lilac
- 9F7730
≈ Natural Evolution
Complementare divisa +150° +210°
- 019196
Splashy
- AC6589
≈ Wild Mulberry
- B06C46
≈ African Safari
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.82:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.49:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.49:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--splashy: #019196;
--splashy-rgb: 1 145 150;
--splashy-oklch: oklch(0.597 0.101 199.1);
}
.element {
color: var(--splashy);
background-color: hsl(182 99% 30%);
border-color: oklch(0.597 0.101 199.1);
}Tailwind CSS v4
@theme {
--color-splashy: #019196;
--color-splashy-50: #d5ffff;
--color-splashy-100: #c1f3f6;
--color-splashy-200: #a1e2e6;
--color-splashy-300: #75c7cd;
--color-splashy-400: #47b1b5;
--color-splashy-500: #009a9f;
--color-splashy-600: #008287;
--color-splashy-700: #00686c;
--color-splashy-800: #004d4e;
--color-splashy-900: #013537;
--color-splashy-950: #002021;
}SCSS
$splashy: #019196;
$splashy-rgb: 1, 145, 150;
$splashy-light: mix(#fff, $splashy, 20%);
$splashy-dark: mix(#000, $splashy, 20%);
.element {
color: $splashy;
box-shadow: 0 0 0 2px rgba($splashy, 0.35);
}