Benannte Farbe · #CACACC
Urban Grey
Urban Grey ist #CACACC: rgb(202 202 204), hsl(240 2% 80%), oklch(0.84 0.003 286.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Urban Grey color name →
#CACACC
oklch(0.84 0.003 286.3)
Farbumrechnungen
- HEX
- #cacacc
- RGB
- rgb(202 202 204)
- HSL
- hsl(240 2% 80%)
- HWB
- hwb(240 79% 20%)
- OKLCH
- oklch(0.84 0.003 286.3)
- OKLab
- oklab(0.84 0.001 -0.003)
- CIE Lab
- lab(81.37 0.27 -1)
- LCH
- lch(81.37 1.04 285.3)
- CMYK
- cmyk(1% 1% 0% 20%)
Tints · Shades · Tones
Tints
- CFCFD1
- D4D4D6
- DADADB
- DFDFE0
- E4E4E5
- EAEAEA
- EFEFEF
- F4F4F5
- FAFAFA
Shades
- AFAFB1
- 959597
- 7C7C7E
- 646465
- 4D4D4E
- 373737
- 222222
- 0F0F0F
- 020202
Tones
- C2C2C4
- BBBBBC
- B3B3B5
- ACACAD
- A4A4A5
- 9D9D9E
- 969696
- 8E8E8F
- 878787
Farbharmonien
Komplementär +180°
- CACACC
Urban Grey
- CACAC8
≈ Burnished Metal
Analog -30° +30°
- CACACC
Urban Grey
- C9CACC
≈ Urban Grey
- CBCACB
≈ Leadbelcher
Triadisch +120° +240°
- CACACC
Urban Grey
- CCCAC9
≈ Unique Grey
- C9CBCA
≈ Dawn Blue
Geteilt komplementär +150° +210°
- CACACC
Urban Grey
- CBCAC8
≈ Unique Grey
- C9CBC9
≈ Burnished Metal
Tetradisch +90° +180° +270°
- CACACC
Urban Grey
- CCCACA
≈ Silverback
- CACAC8
≈ Burnished Metal
- C8CBCB
≈ Porpoise Fin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.63:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.83:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.83:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--urban-grey: #cacacc;
--urban-grey-rgb: 202 202 204;
--urban-grey-oklch: oklch(0.84 0.003 286.3);
}
.element {
color: var(--urban-grey);
background-color: hsl(240 2% 80%);
border-color: oklch(0.84 0.003 286.3);
}Tailwind CSS v4
@theme {
--color-urban-grey: #cacacc;
--color-urban-grey-50: #f5f5f6;
--color-urban-grey-100: #e8e8e9;
--color-urban-grey-200: #d4d4d5;
--color-urban-grey-300: #b7b7b9;
--color-urban-grey-400: #9e9ea0;
--color-urban-grey-500: #868688;
--color-urban-grey-600: #717173;
--color-urban-grey-700: #5b5b5c;
--color-urban-grey-800: #424243;
--color-urban-grey-900: #2e2e2e;
--color-urban-grey-950: #1a1a1b;
}SCSS
$urban-grey: #cacacc;
$urban-grey-rgb: 202, 202, 204;
$urban-grey-light: mix(#fff, $urban-grey, 20%);
$urban-grey-dark: mix(#000, $urban-grey, 20%);
.element {
color: $urban-grey;
box-shadow: 0 0 0 2px rgba($urban-grey, 0.35);
}