Benannte Farbe · #F1B8AC
Canyon Hush
Canyon Hush ist #F1B8AC: rgb(241 184 172), hsl(10 71% 81%), oklch(0.831 0.069 32.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Canyon Hush color name →
#F1B8AC
oklch(0.831 0.069 32.1)
Farbumrechnungen
- HEX
- #f1b8ac
- RGB
- rgb(241 184 172)
- HSL
- hsl(10 71% 81%)
- HWB
- hwb(10 67% 5%)
- OKLCH
- oklch(0.831 0.069 32.1)
- OKLab
- oklab(0.831 0.058 0.036)
- CIE Lab
- lab(79.86 20.03 14.52)
- LCH
- lch(79.86 24.74 35.9)
- CMYK
- cmyk(0% 24% 29% 5%)
Tints · Shades · Tones
Tints
- F3BFB4
- F5C6BC
- F6CDC5
- F8D4CD
- F9DBD5
- FBE3DD
- FCEAE6
- FDF1EE
- FEF8F7
Shades
- D2A095
- B3887F
- 957169
- 795B54
- 5D4540
- 43312D
- 2B1E1B
- 140C0B
- 030201
Tones
- E5B2A8
- DAADA3
- CEA79F
- C3A19A
- B89C96
- AC9692
- A1918D
- 968B89
- 8B8684
Farbharmonien
Komplementär +180°
- F1B8AC
Canyon Hush
- 93D4E2
≈ Infinity Pool
Analog -30° +30°
- F1B8AC
Canyon Hush
- EFB6C4
≈ Chantilly
- E9BE9A
≈ Pan Tostado
Triadisch +120° +240°
- F1B8AC
Canyon Hush
- A7D5B2
≈ Frugal
- B8C6F5
≈ Light Periwinkle
Geteilt komplementär +150° +210°
- F1B8AC
Canyon Hush
- 95D7CB
≈ Middle Blue Green
- A1CEF1
≈ Sail
Tetradisch +90° +180° +270°
- F1B8AC
Canyon Hush
- C0CF9E
≈ Fava Bean
- 93D4E2
≈ Infinity Pool
- D0BEEE
≈ Connecticut Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.72:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.19:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--canyon-hush: #f1b8ac;
--canyon-hush-rgb: 241 184 172;
--canyon-hush-oklch: oklch(0.831 0.069 32.1);
}
.element {
color: var(--canyon-hush);
background-color: hsl(10 71% 81%);
border-color: oklch(0.831 0.069 32.1);
}Tailwind CSS v4
@theme {
--color-canyon-hush: #f1b8ac;
--color-canyon-hush-50: #ffefe8;
--color-canyon-hush-100: #fee0d9;
--color-canyon-hush-200: #f0cac1;
--color-canyon-hush-300: #d8aba0;
--color-canyon-hush-400: #c49085;
--color-canyon-hush-500: #af7569;
--color-canyon-hush-600: #946359;
--color-canyon-hush-700: #774f47;
--color-canyon-hush-800: #583934;
--color-canyon-hush-900: #3d2724;
--color-canyon-hush-950: #271512;
}SCSS
$canyon-hush: #f1b8ac;
$canyon-hush-rgb: 241, 184, 172;
$canyon-hush-light: mix(#fff, $canyon-hush, 20%);
$canyon-hush-dark: mix(#000, $canyon-hush, 20%);
.element {
color: $canyon-hush;
box-shadow: 0 0 0 2px rgba($canyon-hush, 0.35);
}