Benannte Farbe · #1A9597
Sea Fantasy
Sea Fantasy ist #1A9597: rgb(26 149 151), hsl(181 71% 35%), oklch(0.61 0.099 196.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Sea Fantasy color name →
#1A9597
oklch(0.61 0.099 196.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3F9FA1
- 5AAAAB
- 70B5B5
- 86BFC0
- 9ACACA
- AFD4D4
- C3DFDF
- D7EAEA
- EBF4F4
Shades
- 158183
- 106D6F
- 0C5A5C
- 074849
- 043737
- 022626
- 011617
- 000808
- 000101
Tones
- 319395
- 3F9192
- 4B8F90
- 558D8E
- 5E8B8C
- 668989
- 6D8787
- 748585
- 7A8282
Farbharmonien
Komplementär +180°
- 1A9597
Sea Fantasy
- B7696E
≈ Dusky Rose
Analog -30° +30°
- 1A9597
Sea Fantasy
- 3D9676
≈ Good Luck
- 338FB1
≈ Navagio Bay
Triadisch +120° +240°
- 1A9597
Sea Fantasy
- 9B70AB
≈ Dark Lilac
- A47B38
≈ Fluor Spar
Geteilt komplementär +150° +210°
- 1A9597
Sea Fantasy
- AE6A8F
≈ Purple Starburst
- B4704E
≈ Thanksgiving
Tetradisch +90° +180° +270°
- 1A9597
Sea Fantasy
- 7F7ABB
≈ Astro Zinger
- B7696E
≈ Dusky Rose
- 8A873A
≈ Witch Brew
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.62:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.78:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.78:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
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);
}