Nächste benannte Farbe · #8CCABF
#8CCABF
Nächste benannte Farbe: Seaborn
#8CCABF (rgb(140 202 191), hsl(169 37% 67%), oklch(0.794 0.065 182.3)) liegt am nächsten an der benannten Farbe Seaborn. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8CCABF
oklch(0.794 0.065 182.3)
Farbumrechnungen
- HEX
- #8ccabf
- RGB
- rgb(140 202 191)
- HSL
- hsl(169 37% 67%)
- HWB
- hwb(169 55% 21%)
- OKLCH
- oklch(0.794 0.065 182.3)
- OKLab
- oklab(0.794 -0.065 -0.003)
- CIE Lab
- lab(76.88 -22.43 -1.19)
- LCH
- lch(76.88 22.46 183)
- CMYK
- cmyk(31% 0% 5% 21%)
Tints · Shades · Tones
Tints
- 98CFC5
- A4D5CC
- AFDAD2
- BBDFD8
- C6E5DF
- D2EAE5
- DDEFEB
- E8F4F2
- F4FAF8
Shades
- 79AFA6
- 67958D
- 557C75
- 43645E
- 334D48
- 233733
- 14221F
- 070F0D
- 010202
Tones
- 8BC2B8
- 8BBBB2
- 8AB3AC
- 89ACA5
- 88A49F
- 879D99
- 859692
- 848E8C
- 828786
Farbharmonien
Komplementär +180°
- 8CCABF
Seaborn
- E1ABB8
≈ Apple Infusion
Analog -30° +30°
- 8CCABF
Seaborn
- 9DC8A8
≈ French Market
- 8AC7D4
≈ Maiden Voyage
Triadisch +120° +240°
- 8CCABF
Seaborn
- C3B2DF
≈ Moonraker
- DBB391
≈ Feline Frolic
Geteilt komplementär +150° +210°
- 8CCABF
Seaborn
- D6ADCE
≈ Queenly
- E3ADA1
≈ Pale Blush
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.85:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.31:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--seaborn: #8ccabf;
--seaborn-rgb: 140 202 191;
--seaborn-oklch: oklch(0.794 0.065 182.3);
}
.element {
color: var(--seaborn);
background-color: hsl(169 37% 67%);
border-color: oklch(0.794 0.065 182.3);
}Tailwind CSS v4
@theme {
--color-seaborn: #8ccabf;
--color-seaborn-50: #e2fcf7;
--color-seaborn-100: #d1efea;
--color-seaborn-200: #b6ded7;
--color-seaborn-300: #92c3bb;
--color-seaborn-400: #72aba1;
--color-seaborn-500: #50958a;
--color-seaborn-600: #457e74;
--color-seaborn-700: #37655d;
--color-seaborn-800: #274a43;
--color-seaborn-900: #1a332e;
--color-seaborn-950: #0a1f1b;
}SCSS
$seaborn: #8ccabf;
$seaborn-rgb: 140, 202, 191;
$seaborn-light: mix(#fff, $seaborn, 20%);
$seaborn-dark: mix(#000, $seaborn, 20%);
.element {
color: $seaborn;
box-shadow: 0 0 0 2px rgba($seaborn, 0.35);
}