Benannte Farbe · #C7B8A9
Mooloolaba
Mooloolaba ist #C7B8A9: rgb(199 184 169), hsl(30 21% 72%), oklch(0.791 0.027 67.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mooloolaba color name →
#C7B8A9
oklch(0.791 0.027 67.4)
Farbumrechnungen
- HEX
- #c7b8a9
- RGB
- rgb(199 184 169)
- HSL
- hsl(30 21% 72%)
- HWB
- hwb(30 66% 22%)
- OKLCH
- oklch(0.791 0.027 67.4)
- OKLab
- oklab(0.791 0.01 0.025)
- CIE Lab
- lab(75.75 3.65 9.67)
- LCH
- lch(75.75 10.34 69.3)
- CMYK
- cmyk(0% 8% 15% 22%)
Tints · Shades · Tones
Tints
- CDBFB1
- D2C6BA
- D8CDC2
- DDD4CB
- E3DBD3
- E8E2DC
- EEE9E5
- F4F0ED
- F9F8F6
Shades
- ADA092
- 93887C
- 7A7167
- 625B53
- 4C453F
- 36312C
- 211E1B
- 0E0C0A
- 020201
Tones
- C0B2A5
- B8ADA1
- B1A79D
- AAA198
- A39C94
- 9C9690
- 95908C
- 8E8B88
- 878584
Farbharmonien
Komplementär +180°
- C7B8A9
Mooloolaba
- AEBDCC
≈ Cerulean Tint
Analog -30° +30°
- C7B8A9
Mooloolaba
- CBB5AF
≈ Puka Shell
- BFBBA8
≈ Ash
Triadisch +120° +240°
- C7B8A9
Mooloolaba
- A8C1BE
≈ Swan Sea
- BFB7C9
≈ Wild Lilac
Geteilt komplementär +150° +210°
- C7B8A9
Mooloolaba
- A8C0C6
≈ A-List Blue
- B6BACD
≈ Cosmic
Tetradisch +90° +180° +270°
- C7B8A9
Mooloolaba
- ADC0B4
≈ Grey Embrace
- AEBDCC
≈ Cerulean Tint
- C7B5C1
≈ Pink Bravado
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.93:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.85:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.85:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--mooloolaba: #c7b8a9;
--mooloolaba-rgb: 199 184 169;
--mooloolaba-oklch: oklch(0.791 0.027 67.4);
}
.element {
color: var(--mooloolaba);
background-color: hsl(30 21% 72%);
border-color: oklch(0.791 0.027 67.4);
}Tailwind CSS v4
@theme {
--color-mooloolaba: #c7b8a9;
--color-mooloolaba-50: #faf4ed;
--color-mooloolaba-100: #eee6de;
--color-mooloolaba-200: #dcd2c8;
--color-mooloolaba-300: #c1b5a9;
--color-mooloolaba-400: #aa9c8e;
--color-mooloolaba-500: #938374;
--color-mooloolaba-600: #7c6f62;
--color-mooloolaba-700: #63594e;
--color-mooloolaba-800: #494139;
--color-mooloolaba-900: #332d27;
--color-mooloolaba-950: #1e1a15;
}SCSS
$mooloolaba: #c7b8a9;
$mooloolaba-rgb: 199, 184, 169;
$mooloolaba-light: mix(#fff, $mooloolaba, 20%);
$mooloolaba-dark: mix(#000, $mooloolaba, 20%);
.element {
color: $mooloolaba;
box-shadow: 0 0 0 2px rgba($mooloolaba, 0.35);
}