Benannte Farbe · #78D1B1
Sea Treasure
Sea Treasure ist #78D1B1: rgb(120 209 177), hsl(158 49% 65%), oklch(0.796 0.098 168.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Sea Treasure color name →
#78D1B1
oklch(0.796 0.098 168.6)
Farbumrechnungen
- HEX
- #78d1b1
- RGB
- rgb(120 209 177)
- HSL
- hsl(158 49% 65%)
- HWB
- hwb(158 47% 18%)
- OKLCH
- oklch(0.796 0.098 168.6)
- OKLab
- oklab(0.796 -0.096 0.019)
- CIE Lab
- lab(77.61 -33.61 7.15)
- LCH
- lch(77.61 34.36 168)
- CMYK
- cmyk(43% 0% 15% 18%)
Tints · Shades · Tones
Tints
- 87D6B9
- 96DAC0
- A4DFC8
- B1E4D0
- BFE8D7
- CCEDDF
- D9F2E7
- E6F6EF
- F2FBF7
Shades
- 67B599
- 579B83
- 48816C
- 396857
- 2A5042
- 1D392F
- 10231C
- 05100C
- 010201
Tones
- 7AC9AC
- 7CC0A7
- 7EB8A2
- 7FB09D
- 80A898
- 81A093
- 81988E
- 81908A
- 818885
Farbharmonien
Komplementär +180°
- 78D1B1
Sea Treasure
- ECA2C7
≈ Elastic Pink
Analog -30° +30°
- 78D1B1
Sea Treasure
- 9CCC8E
≈ Kettle Drum
- 65D0D4
≈ Throat Chakra
Triadisch +120° +240°
- 78D1B1
Sea Treasure
- B9B2F8
≈ Purple Illusion
- F1A984
≈ Coral Dust
Geteilt komplementär +150° +210°
- 78D1B1
Sea Treasure
- D8A8E5
≈ Petal Plush
- F5A3A4
≈ Candy Heart Pink
Tetradisch +90° +180° +270°
- 78D1B1
Sea Treasure
- 96BEFC
≈ Truesky Gloxym
- ECA2C7
≈ Elastic Pink
- DFB571
≈ Gyoza Dumpling
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.55:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--sea-treasure: #78d1b1;
--sea-treasure-rgb: 120 209 177;
--sea-treasure-oklch: oklch(0.796 0.098 168.6);
}
.element {
color: var(--sea-treasure);
background-color: hsl(158 49% 65%);
border-color: oklch(0.796 0.098 168.6);
}Tailwind CSS v4
@theme {
--color-sea-treasure: #78d1b1;
--color-sea-treasure-50: #dafff1;
--color-sea-treasure-100: #c8f3e3;
--color-sea-treasure-200: #aae2ce;
--color-sea-treasure-300: #82c8b0;
--color-sea-treasure-400: #5eb194;
--color-sea-treasure-500: #309b7a;
--color-sea-treasure-600: #2c8368;
--color-sea-treasure-700: #236953;
--color-sea-treasure-800: #194d3b;
--color-sea-treasure-900: #103628;
--color-sea-treasure-950: #032116;
}SCSS
$sea-treasure: #78d1b1;
$sea-treasure-rgb: 120, 209, 177;
$sea-treasure-light: mix(#fff, $sea-treasure, 20%);
$sea-treasure-dark: mix(#000, $sea-treasure, 20%);
.element {
color: $sea-treasure;
box-shadow: 0 0 0 2px rgba($sea-treasure, 0.35);
}