Benannte Farbe · #7BC8B2
Meridian Star
Meridian Star ist #7BC8B2: rgb(123 200 178), hsl(163 41% 63%), oklch(0.776 0.083 173.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Meridian Star color name →
#7BC8B2
oklch(0.776 0.083 173.9)
Farbumrechnungen
- HEX
- #7bc8b2
- RGB
- rgb(123 200 178)
- HSL
- hsl(163 41% 63%)
- HWB
- hwb(163 48% 22%)
- OKLCH
- oklch(0.776 0.083 173.9)
- OKLab
- oklab(0.776 -0.083 0.009)
- CIE Lab
- lab(75.15 -28.72 3.14)
- LCH
- lch(75.15 28.89 173.8)
- CMYK
- cmyk(38% 0% 11% 22%)
Tints · Shades · Tones
Tints
- 89CEB9
- 97D3C1
- A5D9C9
- B2DED0
- BFE4D8
- CCE9E0
- D9EFE7
- E6F4EF
- F2FAF7
Shades
- 6AAE9A
- 5A9483
- 4A7B6D
- 3A6357
- 2C4C43
- 1E362F
- 10211D
- 050F0C
- 010201
Tones
- 7DC1AD
- 7EB9A8
- 7FB2A3
- 80AB9E
- 81A499
- 819C94
- 81958F
- 818E8A
- 818785
Farbharmonien
Komplementär +180°
- 7BC8B2
Meridian Star
- E1A0BA
≈ Blushing Tulip
Analog -30° +30°
- 7BC8B2
Meridian Star
- 96C595
≈ Velvet Leaf
- 71C6CF
≈ Salt Lake
Triadisch +120° +240°
- 7BC8B2
Meridian Star
- B9ACE7
≈ Maximum Blue Purple
- E1A884
≈ Almost Apricot
Geteilt komplementär +150° +210°
- 7BC8B2
Meridian Star
- D1A4D5
≈ Favourite Lavender
- E7A29D
≈ Bussell Lace
Tetradisch +90° +180° +270°
- 7BC8B2
Meridian Star
- 9BB6EC
≈ Honest
- E1A0BA
≈ Blushing Tulip
- D0B278
≈ Gold Digger
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.95:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.74:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.74:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--meridian-star: #7bc8b2;
--meridian-star-rgb: 123 200 178;
--meridian-star-oklch: oklch(0.776 0.083 173.9);
}
.element {
color: var(--meridian-star);
background-color: hsl(163 41% 63%);
border-color: oklch(0.776 0.083 173.9);
}Tailwind CSS v4
@theme {
--color-meridian-star: #7bc8b2;
--color-meridian-star-50: #ddfdf4;
--color-meridian-star-100: #ccf2e7;
--color-meridian-star-200: #afe0d3;
--color-meridian-star-300: #89c6b6;
--color-meridian-star-400: #67af9a;
--color-meridian-star-500: #409882;
--color-meridian-star-600: #38816e;
--color-meridian-star-700: #2c6758;
--color-meridian-star-800: #1f4c3f;
--color-meridian-star-900: #15352b;
--color-meridian-star-950: #062019;
}SCSS
$meridian-star: #7bc8b2;
$meridian-star-rgb: 123, 200, 178;
$meridian-star-light: mix(#fff, $meridian-star, 20%);
$meridian-star-dark: mix(#000, $meridian-star, 20%);
.element {
color: $meridian-star;
box-shadow: 0 0 0 2px rgba($meridian-star, 0.35);
}