Colore con nome · #1A9597
Sea Fantasy
Sea Fantasy è #1A9597: rgb(26 149 151), hsl(181 71% 35%), oklch(0.61 0.099 196.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Sea Fantasy color name →
#1A9597
oklch(0.61 0.099 196.6)
Conversioni di colore
- HEX
- #1a9597
- RGB
- rgb(26 149 151)
- HSL
- hsl(181 71% 35%)
- HWB
- hwb(181 10% 41%)
- OKLCH
- oklch(0.61 0.099 196.6)
- OKLab
- oklab(0.61 -0.095 -0.028)
- CIE Lab
- lab(55.74 -31.89 -10.7)
- LCH
- lch(55.74 33.63 198.6)
- CMYK
- cmyk(83% 1% 0% 41%)
Tinte · Ombre · Toni
Tinte
- 3F9FA1
- 5AAAAB
- 70B5B5
- 86BFC0
- 9ACACA
- AFD4D4
- C3DFDF
- D7EAEA
- EBF4F4
Ombre
- 158183
- 106D6F
- 0C5A5C
- 074849
- 043737
- 022626
- 011617
- 000808
- 000101
Toni
- 319395
- 3F9192
- 4B8F90
- 558D8E
- 5E8B8C
- 668989
- 6D8787
- 748585
- 7A8282
Armonie di colore
Complementare +180°
- 1A9597
Sea Fantasy
- B7696E
≈ Dusky Rose
Analogo -30° +30°
- 1A9597
Sea Fantasy
- 3D9676
≈ Good Luck
- 338FB1
≈ Navagio Bay
Triadico +120° +240°
- 1A9597
Sea Fantasy
- 9B70AB
≈ Dark Lilac
- A47B38
≈ Fluor Spar
Complementare divisa +150° +210°
- 1A9597
Sea Fantasy
- AE6A8F
≈ Purple Starburst
- B4704E
≈ Thanksgiving
Tetradico +90° +180° +270°
- 1A9597
Sea Fantasy
- 7F7ABB
≈ Astro Zinger
- B7696E
≈ Dusky Rose
- 8A873A
≈ Witch Brew
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.62:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.78:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--sea-fantasy: #1a9597;
--sea-fantasy-rgb: 26 149 151;
--sea-fantasy-oklch: oklch(0.61 0.099 196.6);
}
.element {
color: var(--sea-fantasy);
background-color: hsl(181 71% 35%);
border-color: oklch(0.61 0.099 196.6);
}Tailwind CSS v4
@theme {
--color-sea-fantasy: #1a9597;
--color-sea-fantasy-50: #d5feff;
--color-sea-fantasy-100: #c2f3f4;
--color-sea-fantasy-200: #a2e2e4;
--color-sea-fantasy-300: #77c7ca;
--color-sea-fantasy-400: #4ab0b2;
--color-sea-fantasy-500: #009a9c;
--color-sea-fantasy-600: #008284;
--color-sea-fantasy-700: #04686a;
--color-sea-fantasy-800: #024d4d;
--color-sea-fantasy-900: #033535;
--color-sea-fantasy-950: #002020;
}SCSS
$sea-fantasy: #1a9597;
$sea-fantasy-rgb: 26, 149, 151;
$sea-fantasy-light: mix(#fff, $sea-fantasy, 20%);
$sea-fantasy-dark: mix(#000, $sea-fantasy, 20%);
.element {
color: $sea-fantasy;
box-shadow: 0 0 0 2px rgba($sea-fantasy, 0.35);
}