Benannte Farbe · #AB9D89
Creek Bay
Creek Bay ist #AB9D89: rgb(171 157 137), hsl(35 17% 60%), oklch(0.703 0.033 76.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Creek Bay color name →
#AB9D89
oklch(0.703 0.033 76.9)
Farbumrechnungen
- HEX
- #ab9d89
- RGB
- rgb(171 157 137)
- HSL
- hsl(35 17% 60%)
- HWB
- hwb(35 54% 33%)
- OKLCH
- oklch(0.703 0.033 76.9)
- OKLab
- oklab(0.703 0.007 0.032)
- CIE Lab
- lab(65.55 2.83 12.46)
- LCH
- lch(65.55 12.78 77.2)
- CMYK
- cmyk(0% 8% 20% 33%)
Tints · Shades · Tones
Tints
- B3A694
- BBB0A0
- C4BAAB
- CCC3B7
- D4CDC3
- DDD7CE
- E5E1DA
- EEEBE7
- F6F5F3
Shades
- 948876
- 7E7364
- 685F53
- 544C42
- 403A31
- 2D2822
- 1B1814
- 0B0907
- 010101
Tones
- A79A88
- A29787
- 9E9486
- 9A9186
- 958E85
- 918C84
- 8D8983
- 888682
- 848381
Farbharmonien
Komplementär +180°
- AB9D89
Creek Bay
- 93A0B4
≈ Canary Wharf
Analog -30° +30°
- AB9D89
Creek Bay
- B19A8E
≈ Free Wheeling
- A1A18A
≈ Potting Moss
Triadisch +120° +240°
- AB9D89
Creek Bay
- 88A6A6
≈ Venus Teal
- A899AD
≈ Pink Orthoclase
Geteilt komplementär +150° +210°
- AB9D89
Creek Bay
- 8BA4AF
≈ Blue Alps
- 9D9DB3
≈ Purple Balance
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.65:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.91:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--creek-bay: #ab9d89;
--creek-bay-rgb: 171 157 137;
--creek-bay-oklch: oklch(0.703 0.033 76.9);
}
.element {
color: var(--creek-bay);
background-color: hsl(35 17% 60%);
border-color: oklch(0.703 0.033 76.9);
}Tailwind CSS v4
@theme {
--color-creek-bay: #ab9d89;
--color-creek-bay-50: #faf4eb;
--color-creek-bay-100: #eee7dc;
--color-creek-bay-200: #dcd3c5;
--color-creek-bay-300: #c1b6a5;
--color-creek-bay-400: #aa9c89;
--color-creek-bay-500: #93846e;
--color-creek-bay-600: #7c705e;
--color-creek-bay-700: #63594b;
--color-creek-bay-800: #494136;
--color-creek-bay-900: #332d25;
--color-creek-bay-950: #1e1a13;
}SCSS
$creek-bay: #ab9d89;
$creek-bay-rgb: 171, 157, 137;
$creek-bay-light: mix(#fff, $creek-bay, 20%);
$creek-bay-dark: mix(#000, $creek-bay, 20%);
.element {
color: $creek-bay;
box-shadow: 0 0 0 2px rgba($creek-bay, 0.35);
}