Benannte Farbe · #C1B4A0
Pigeon Grey
Pigeon Grey ist #C1B4A0: rgb(193 180 160), hsl(36 21% 69%), oklch(0.775 0.031 78.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pigeon Grey color name →
#C1B4A0
oklch(0.775 0.031 78.7)
Farbumrechnungen
- HEX
- #c1b4a0
- RGB
- rgb(193 180 160)
- HSL
- hsl(36 21% 69%)
- HWB
- hwb(36 63% 24%)
- OKLCH
- oklch(0.775 0.031 78.7)
- OKLab
- oklab(0.775 0.006 0.031)
- CIE Lab
- lab(74.01 2.33 12)
- LCH
- lch(74.01 12.22 79)
- CMYK
- cmyk(0% 7% 17% 24%)
Tints · Shades · Tones
Tints
- C7BBA9
- CDC3B2
- D3CABC
- D9D1C5
- E0D9CF
- E6E0D8
- ECE8E2
- F2F0EC
- F9F7F5
Shades
- A79C8B
- 8F8576
- 776E61
- 5F584E
- 49443B
- 343029
- 201D19
- 0E0C09
- 020201
Tones
- BAAF9D
- B4A99A
- ADA496
- A69F93
- A09A90
- 99948D
- 938F8A
- 8D8A86
- 868583
Farbharmonien
Komplementär +180°
- C1B4A0
Pigeon Grey
- AAB7CA
≈ Uniform
Analog -30° +30°
- C1B4A0
Pigeon Grey
- C8B1A5
≈ Vintage Charm
- B7B8A1
≈ Court Green
Triadisch +120° +240°
- C1B4A0
Pigeon Grey
- A0BCBD
≈ Seafoam Whisper
- BFB0C3
≈ Almost Plum
Geteilt komplementär +150° +210°
- C1B4A0
Pigeon Grey
- A2BAC6
≈ Sterling Blue
- B5B3C9
≈ Bohemianism
Tetradisch +90° +180° +270°
- C1B4A0
Pigeon Grey
- A3BDB2
≈ Garden Twilight
- AAB7CA
≈ Uniform
- C6AEB9
≈ Desireé
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.03:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.30:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--pigeon-grey: #c1b4a0;
--pigeon-grey-rgb: 193 180 160;
--pigeon-grey-oklch: oklch(0.775 0.031 78.7);
}
.element {
color: var(--pigeon-grey);
background-color: hsl(36 21% 69%);
border-color: oklch(0.775 0.031 78.7);
}Tailwind CSS v4
@theme {
--color-pigeon-grey: #c1b4a0;
--color-pigeon-grey-50: #faf4eb;
--color-pigeon-grey-100: #ede7dc;
--color-pigeon-grey-200: #dbd3c6;
--color-pigeon-grey-300: #c0b6a6;
--color-pigeon-grey-400: #a99d8a;
--color-pigeon-grey-500: #92846f;
--color-pigeon-grey-600: #7b705e;
--color-pigeon-grey-700: #63594b;
--color-pigeon-grey-800: #494136;
--color-pigeon-grey-900: #322d25;
--color-pigeon-grey-950: #1e1a14;
}SCSS
$pigeon-grey: #c1b4a0;
$pigeon-grey-rgb: 193, 180, 160;
$pigeon-grey-light: mix(#fff, $pigeon-grey, 20%);
$pigeon-grey-dark: mix(#000, $pigeon-grey, 20%);
.element {
color: $pigeon-grey;
box-shadow: 0 0 0 2px rgba($pigeon-grey, 0.35);
}