Benannte Farbe · #019A8D
Santorini Seascape
Santorini Seascape ist #019A8D: rgb(1 154 141), hsl(175 99% 30%), oklch(0.617 0.109 184.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Santorini Seascape color name →
#019A8D
oklch(0.617 0.109 184.4)
Farbumrechnungen
- HEX
- #019a8d
- RGB
- rgb(1 154 141)
- HSL
- hsl(175 99% 30%)
- HWB
- hwb(175 0% 40%)
- OKLCH
- oklch(0.617 0.109 184.4)
- OKLab
- oklab(0.617 -0.109 -0.008)
- CIE Lab
- lab(56.87 -37.79 -3.4)
- LCH
- lch(56.87 37.95 185.1)
- CMYK
- cmyk(99% 0% 8% 40%)
Tints · Shades · Tones
Tints
- 39A498
- 56AEA3
- 6EB8AE
- 84C2B9
- 99CCC4
- AED6D0
- C2E1DC
- D7EBE7
- EBF5F3
Shades
- 01857A
- 017167
- 005E55
- 004B44
- 003933
- 002723
- 001714
- 000907
- 000101
Tones
- 29988C
- 3B958A
- 489389
- 539088
- 5C8E86
- 658B85
- 6C8884
- 738683
- 7A8381
Farbharmonien
Komplementär +180°
- 019A8D
Santorini Seascape
- BB687D
≈ Creamed Raspberry
Analog -30° +30°
- 019A8D
Santorini Seascape
- 499867
≈ Solitary Tree
- 0095AD
≈ Munsell Blue
Triadisch +120° +240°
- 019A8D
Santorini Seascape
- 9474BA
≈ Viola
- B27637
≈ Durian
Geteilt komplementär +150° +210°
- 019A8D
Santorini Seascape
- AD6BA0
≈ Victorian Valentine
- BD6C58
≈ Cedar Grove
Tetradisch +90° +180° +270°
- 019A8D
Santorini Seascape
- 727FC6
≈ Persian Jewel
- BB687D
≈ Creamed Raspberry
- 9A842B
≈ Lemon Ginger
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.49:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.00:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--santorini-seascape: #019a8d;
--santorini-seascape-rgb: 1 154 141;
--santorini-seascape-oklch: oklch(0.617 0.109 184.4);
}
.element {
color: var(--santorini-seascape);
background-color: hsl(175 99% 30%);
border-color: oklch(0.617 0.109 184.4);
}Tailwind CSS v4
@theme {
--color-santorini-seascape: #019a8d;
--color-santorini-seascape-50: #d3fffa;
--color-santorini-seascape-100: #c0f4ed;
--color-santorini-seascape-200: #9ee4db;
--color-santorini-seascape-300: #71cac0;
--color-santorini-seascape-400: #41b3a6;
--color-santorini-seascape-500: #009d8f;
--color-santorini-seascape-600: #008579;
--color-santorini-seascape-700: #006a61;
--color-santorini-seascape-800: #004e45;
--color-santorini-seascape-900: #003630;
--color-santorini-seascape-950: #00211c;
}SCSS
$santorini-seascape: #019a8d;
$santorini-seascape-rgb: 1, 154, 141;
$santorini-seascape-light: mix(#fff, $santorini-seascape, 20%);
$santorini-seascape-dark: mix(#000, $santorini-seascape, 20%);
.element {
color: $santorini-seascape;
box-shadow: 0 0 0 2px rgba($santorini-seascape, 0.35);
}