Benannte Farbe · #C4BAA1
Dancing Dolphin
Dancing Dolphin ist #C4BAA1: rgb(196 186 161), hsl(43 23% 70%), oklch(0.79 0.036 88.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Dancing Dolphin color name →
#C4BAA1
oklch(0.79 0.036 88.8)
Farbumrechnungen
- HEX
- #c4baa1
- RGB
- rgb(196 186 161)
- HSL
- hsl(43 23% 70%)
- HWB
- hwb(43 63% 23%)
- OKLCH
- oklch(0.79 0.036 88.8)
- OKLab
- oklab(0.79 0.001 0.036)
- CIE Lab
- lab(75.85 0.58 14.07)
- LCH
- lch(75.85 14.08 87.6)
- CMYK
- cmyk(0% 5% 18% 23%)
Tints · Shades · Tones
Tints
- CAC1AA
- D0C8B3
- D5CEBD
- DBD5C6
- E1DCCF
- E7E3D9
- EDEAE2
- F3F1EC
- F9F8F5
Shades
- AAA18B
- 918976
- 787262
- 615C4E
- 4A463C
- 35322A
- 211E19
- 0E0D09
- 020201
Tones
- BDB49E
- B6AE9A
- AFA897
- A8A294
- A19D91
- 9B978D
- 94918A
- 8D8B87
- 878683
Farbharmonien
Komplementär +180°
- C4BAA1
Dancing Dolphin
- B1BAD3
≈ Halogen Blue
Analog -30° +30°
- C4BAA1
Dancing Dolphin
- CDB6A4
≈ Rustic Rose
- B8BEA5
≈ Quiet Waters
Triadisch +120° +240°
- C4BAA1
Dancing Dolphin
- A1C2C7
≈ Ocean Kiss
- C8B3C6
≈ Runic Mauve
Geteilt komplementär +150° +210°
- C4BAA1
Dancing Dolphin
- A6BFD0
≈ Sea Breeze
- BDB6CF
≈ Collensia
Tetradisch +90° +180° +270°
- C4BAA1
Dancing Dolphin
- A3C3BB
≈ Cascade Green
- B1BAD3
≈ Halogen Blue
- CFB2BA
≈ Candlelight Dinner
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.88:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.88:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
CSS
:root {
--dancing-dolphin: #c4baa1;
--dancing-dolphin-rgb: 196 186 161;
--dancing-dolphin-oklch: oklch(0.79 0.036 88.8);
}
.element {
color: var(--dancing-dolphin);
background-color: hsl(43 23% 70%);
border-color: oklch(0.79 0.036 88.8);
}Tailwind CSS v4
@theme {
--color-dancing-dolphin: #c4baa1;
--color-dancing-dolphin-50: #f9f5ea;
--color-dancing-dolphin-100: #ece8db;
--color-dancing-dolphin-200: #dad4c3;
--color-dancing-dolphin-300: #beb7a3;
--color-dancing-dolphin-400: #a79e87;
--color-dancing-dolphin-500: #90856b;
--color-dancing-dolphin-600: #7a715b;
--color-dancing-dolphin-700: #615a49;
--color-dancing-dolphin-800: #484234;
--color-dancing-dolphin-900: #322d24;
--color-dancing-dolphin-950: #1e1a12;
}SCSS
$dancing-dolphin: #c4baa1;
$dancing-dolphin-rgb: 196, 186, 161;
$dancing-dolphin-light: mix(#fff, $dancing-dolphin, 20%);
$dancing-dolphin-dark: mix(#000, $dancing-dolphin, 20%);
.element {
color: $dancing-dolphin;
box-shadow: 0 0 0 2px rgba($dancing-dolphin, 0.35);
}