Benannte Farbe · #96D0D1
Big Surf
Big Surf ist #96D0D1: rgb(150 208 209), hsl(181 39% 70%), oklch(0.818 0.059 197.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Big Surf color name →
#96D0D1
oklch(0.818 0.059 197.4)
Farbumrechnungen
- HEX
- #96d0d1
- RGB
- rgb(150 208 209)
- HSL
- hsl(181 39% 70%)
- HWB
- hwb(181 59% 18%)
- OKLCH
- oklch(0.818 0.059 197.4)
- OKLab
- oklab(0.818 -0.057 -0.018)
- CIE Lab
- lab(79.54 -19.11 -6.84)
- LCH
- lch(79.54 20.3 199.7)
- CMYK
- cmyk(28% 0% 0% 18%)
Tints · Shades · Tones
Tints
- A1D5D6
- ACD9DA
- B6DEDF
- C1E3E3
- CBE8E8
- D6ECEC
- E0F1F1
- EAF6F6
- F5FAFA
Shades
- 82B5B5
- 6E9A9B
- 5B8081
- 496768
- 374F50
- 263939
- 162323
- 081010
- 010202
Tones
- 94C8C9
- 93C0C0
- 91B7B8
- 8FAFB0
- 8CA7A8
- 8A9FA0
- 889798
- 859090
- 838888
Farbharmonien
Komplementär +180°
- 96D0D1
Big Surf
- E8B5B5
≈ Strawberry Yoghurt
Analog -30° +30°
- 96D0D1
Big Surf
- 9FD0BC
≈ Thermal Aqua
- 9BCCE2
≈ Endless Blue
Triadisch +120° +240°
- 96D0D1
Big Surf
- D4B8DD
≈ Pretty Petunia
- D9BF99
≈ Honey Peach
Geteilt komplementär +150° +210°
- 96D0D1
Big Surf
- E2B5CB
≈ Muddy Mauve
- E5B9A3
≈ Warming Peach
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.23:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.23:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--big-surf: #96d0d1;
--big-surf-rgb: 150 208 209;
--big-surf-oklch: oklch(0.818 0.059 197.4);
}
.element {
color: var(--big-surf);
background-color: hsl(181 39% 70%);
border-color: oklch(0.818 0.059 197.4);
}Tailwind CSS v4
@theme {
--color-big-surf: #96d0d1;
--color-big-surf-50: #e3fbfc;
--color-big-surf-100: #d2eeef;
--color-big-surf-200: #b8dcde;
--color-big-surf-300: #94c1c3;
--color-big-surf-400: #74aaab;
--color-big-surf-500: #539394;
--color-big-surf-600: #477c7d;
--color-big-surf-700: #396364;
--color-big-surf-800: #284949;
--color-big-surf-900: #1b3332;
--color-big-surf-950: #0b1e1e;
}SCSS
$big-surf: #96d0d1;
$big-surf-rgb: 150, 208, 209;
$big-surf-light: mix(#fff, $big-surf, 20%);
$big-surf-dark: mix(#000, $big-surf, 20%);
.element {
color: $big-surf;
box-shadow: 0 0 0 2px rgba($big-surf, 0.35);
}