Benannte Farbe · #C7C3BE
Overdue Grey
Overdue Grey ist #C7C3BE: rgb(199 195 190), hsl(33 7% 76%), oklch(0.819 0.008 73.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Overdue Grey color name →
#C7C3BE
oklch(0.819 0.008 73.7)
Farbumrechnungen
- HEX
- #c7c3be
- RGB
- rgb(199 195 190)
- HSL
- hsl(33 7% 76%)
- HWB
- hwb(33 75% 22%)
- OKLCH
- oklch(0.819 0.008 73.7)
- OKLab
- oklab(0.819 0.002 0.008)
- CIE Lab
- lab(79.01 0.78 3.04)
- LCH
- lch(79.01 3.14 75.7)
- CMYK
- cmyk(0% 2% 5% 22%)
Tints · Shades · Tones
Tints
- CCC9C4
- D2CFCB
- D8D5D1
- DDDBD8
- E3E1DE
- E8E7E5
- EEEDEB
- F4F3F2
- F9F9F8
Shades
- ADA9A5
- 93908C
- 7A7875
- 62605E
- 4C4A48
- 363433
- 21201F
- 0E0E0D
- 020202
Tones
- C0BCB8
- B8B5B1
- B1AEAB
- AAA8A5
- A3A19E
- 9C9A98
- 959492
- 8E8D8C
- 878686
Farbharmonien
Komplementär +180°
- C7C3BE
Overdue Grey
- C0C4C9
≈ Bottlefly Wings
Analog -30° +30°
- C7C3BE
Overdue Grey
- C9C2BF
≈ White Flag
- C4C4BE
≈ Grey Nickel
Triadisch +120° +240°
- C7C3BE
Overdue Grey
- BEC5C5
≈ Galactic Tint
- C6C2C8
≈ Haze
Geteilt komplementär +150° +210°
- C7C3BE
Overdue Grey
- BEC5C8
≈ Icicles
- C3C3C9
≈ Sparkling Metal
Tetradisch +90° +180° +270°
- C7C3BE
Overdue Grey
- BFC5C2
≈ Pewter Tray
- C0C4C9
≈ Bottlefly Wings
- C8C2C5
≈ Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.97:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.97:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--overdue-grey: #c7c3be;
--overdue-grey-rgb: 199 195 190;
--overdue-grey-oklch: oklch(0.819 0.008 73.7);
}
.element {
color: var(--overdue-grey);
background-color: hsl(33 7% 76%);
border-color: oklch(0.819 0.008 73.7);
}Tailwind CSS v4
@theme {
--color-overdue-grey: #c7c3be;
--color-overdue-grey-50: #f6f5f2;
--color-overdue-grey-100: #e9e7e5;
--color-overdue-grey-200: #d6d4d0;
--color-overdue-grey-300: #bab7b3;
--color-overdue-grey-400: #a19e99;
--color-overdue-grey-500: #898580;
--color-overdue-grey-600: #74716d;
--color-overdue-grey-700: #5d5a57;
--color-overdue-grey-800: #44423f;
--color-overdue-grey-900: #2f2d2c;
--color-overdue-grey-950: #1c1a19;
}SCSS
$overdue-grey: #c7c3be;
$overdue-grey-rgb: 199, 195, 190;
$overdue-grey-light: mix(#fff, $overdue-grey, 20%);
$overdue-grey-dark: mix(#000, $overdue-grey, 20%);
.element {
color: $overdue-grey;
box-shadow: 0 0 0 2px rgba($overdue-grey, 0.35);
}