Benannte Farbe · #CAA6A9
Hydrangea Bouquet
Hydrangea Bouquet ist #CAA6A9: rgb(202 166 169), hsl(355 25% 72%), oklch(0.758 0.042 12.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Hydrangea Bouquet color name →
#CAA6A9
oklch(0.758 0.042 12.5)
Farbumrechnungen
- HEX
- #caa6a9
- RGB
- rgb(202 166 169)
- HSL
- hsl(355 25% 72%)
- HWB
- hwb(355 65% 21%)
- OKLCH
- oklch(0.758 0.042 12.5)
- OKLab
- oklab(0.758 0.041 0.009)
- CIE Lab
- lab(71.48 13.96 3.68)
- LCH
- lch(71.48 14.44 14.8)
- CMYK
- cmyk(0% 18% 16% 21%)
Tints · Shades · Tones
Tints
- CFAFB1
- D5B7BA
- DAC0C2
- E0C9CB
- E5D2D3
- EADBDC
- EFE4E5
- F5EDED
- FAF6F6
Shades
- AF9092
- 957A7C
- 7C6567
- 645153
- 4D3E3F
- 372B2C
- 221A1B
- 0F0A0A
- 020101
Tones
- C2A2A5
- BB9EA1
- B49B9C
- AC9798
- A59394
- 9D8F90
- 968B8C
- 8F8888
- 878484
Farbharmonien
Komplementär +180°
- CAA6A9
Hydrangea Bouquet
- 92BAB8
≈ Teal Tree
Analog -30° +30°
- CAA6A9
Hydrangea Bouquet
- C5A6B8
≈ Taste of Berry
- C9A89C
≈ Teatime Mauve
Triadisch +120° +240°
- CAA6A9
Hydrangea Bouquet
- A6B79B
≈ Mow the Lawn
- 9EB3CB
≈ Aerial View
Geteilt komplementär +150° +210°
- CAA6A9
Hydrangea Bouquet
- 99B9A9
≈ Spearmint Haze
- 94B7C4
≈ Tahoe Blue
Tetradisch +90° +180° +270°
- CAA6A9
Hydrangea Bouquet
- B5B293
≈ Dill Seed
- 92BAB8
≈ Teal Tree
- ACAECB
≈ Purple Freedom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.20:1 · APCA Lc 43
Ag
AAAAuf Schwarz
WCAG 9.53:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.53:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--hydrangea-bouquet: #caa6a9;
--hydrangea-bouquet-rgb: 202 166 169;
--hydrangea-bouquet-oklch: oklch(0.758 0.042 12.5);
}
.element {
color: var(--hydrangea-bouquet);
background-color: hsl(355 25% 72%);
border-color: oklch(0.758 0.042 12.5);
}Tailwind CSS v4
@theme {
--color-hydrangea-bouquet: #caa6a9;
--color-hydrangea-bouquet-50: #fff1f1;
--color-hydrangea-bouquet-100: #f6e2e3;
--color-hydrangea-bouquet-200: #e6cdce;
--color-hydrangea-bouquet-300: #ccafb1;
--color-hydrangea-bouquet-400: #b69597;
--color-hydrangea-bouquet-500: #a07b7e;
--color-hydrangea-bouquet-600: #88686b;
--color-hydrangea-bouquet-700: #6d5355;
--color-hydrangea-bouquet-800: #503c3f;
--color-hydrangea-bouquet-900: #382a2b;
--color-hydrangea-bouquet-950: #221719;
}SCSS
$hydrangea-bouquet: #caa6a9;
$hydrangea-bouquet-rgb: 202, 166, 169;
$hydrangea-bouquet-light: mix(#fff, $hydrangea-bouquet, 20%);
$hydrangea-bouquet-dark: mix(#000, $hydrangea-bouquet, 20%);
.element {
color: $hydrangea-bouquet;
box-shadow: 0 0 0 2px rgba($hydrangea-bouquet, 0.35);
}