Benannte Farbe · #535554
Davy’s Grey
Davy’s Grey ist #535554: rgb(83 85 84), hsl(150 1% 33%), oklch(0.447 0.003 165). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Davy’s Grey color name →
#535554
oklch(0.447 0.003 165)
Farbumrechnungen
- HEX
- #535554
- RGB
- rgb(83 85 84)
- HSL
- hsl(150 1% 33%)
- HWB
- hwb(150 33% 67%)
- OKLCH
- oklch(0.447 0.003 165)
- OKLab
- oklab(0.447 -0.003 0.001)
- CIE Lab
- lab(35.93 -0.99 0.29)
- LCH
- lch(35.93 1.03 163.8)
- CMYK
- cmyk(2% 0% 1% 67%)
Tints · Shades · Tones
Tints
- 636463
- 737473
- 838484
- 949594
- A5A6A5
- B6B7B7
- C8C9C8
- DADBDA
- ECEDEC
Shades
- 474948
- 3B3D3C
- 303131
- 252626
- 1B1C1B
- 111111
- 080808
- 020202
- 000000
Tones
- 575958
- 5C5D5D
- 606261
- 656665
- 696A6A
- 6E6E6E
- 727372
- 777777
- 7B7C7B
Farbharmonien
Komplementär +180°
- 535554
Davy’s Grey
- 565455
≈ Stone Cold
Analog -30° +30°
- 535554
Davy’s Grey
- 545553
≈ Carbon Copy
- 535555
≈ Davy’s Grey
Triadisch +120° +240°
- 535554
Davy’s Grey
- 545456
≈ Brilliant Liquorice
- 565453
≈ Brilliant Liquorice
Geteilt komplementär +150° +210°
- 535554
Davy’s Grey
- 555456
≈ Fingerprint
- 565454
≈ Stone Cold
Tetradisch +90° +180° +270°
- 535554
Davy’s Grey
- 535556
≈ Davy’s Grey
- 565455
≈ Stone Cold
- 555453
≈ Brilliant Liquorice
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.51:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.79:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.51:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--davy-s-grey: #535554;
--davy-s-grey-rgb: 83 85 84;
--davy-s-grey-oklch: oklch(0.447 0.003 165);
}
.element {
color: var(--davy-s-grey);
background-color: hsl(150 1% 33%);
border-color: oklch(0.447 0.003 165);
}Tailwind CSS v4
@theme {
--color-davy-s-grey: #535554;
--color-davy-s-grey-50: #f4f5f5;
--color-davy-s-grey-100: #e7e8e7;
--color-davy-s-grey-200: #d3d4d4;
--color-davy-s-grey-300: #b6b8b7;
--color-davy-s-grey-400: #9d9f9e;
--color-davy-s-grey-500: #848786;
--color-davy-s-grey-600: #707271;
--color-davy-s-grey-700: #5a5b5a;
--color-davy-s-grey-800: #414342;
--color-davy-s-grey-900: #2d2e2d;
--color-davy-s-grey-950: #1a1b1a;
}SCSS
$davy-s-grey: #535554;
$davy-s-grey-rgb: 83, 85, 84;
$davy-s-grey-light: mix(#fff, $davy-s-grey, 20%);
$davy-s-grey-dark: mix(#000, $davy-s-grey, 20%);
.element {
color: $davy-s-grey;
box-shadow: 0 0 0 2px rgba($davy-s-grey, 0.35);
}