Nächste benannte Farbe · #54636A
#54636A
Nächste benannte Farbe: Gunmetal
#54636A (rgb(84 99 106), hsl(199 12% 37%), oklch(0.49 0.022 227.7)) liegt am nächsten an der benannten Farbe Gunmetal. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#54636A
oklch(0.49 0.022 227.7)
Farbumrechnungen
- HEX
- #54636a
- RGB
- rgb(84 99 106)
- HSL
- hsl(199 12% 37%)
- HWB
- hwb(199 33% 58%)
- OKLCH
- oklch(0.49 0.022 227.7)
- OKLab
- oklab(0.49 -0.014 -0.016)
- CIE Lab
- lab(40.88 -4.66 -6)
- LCH
- lch(40.88 7.6 232.2)
- CMYK
- cmyk(21% 7% 0% 58%)
Tints · Shades · Tones
Tints
- 647178
- 748086
- 848F94
- 959EA3
- A6AEB2
- B7BEC1
- C9CED0
- DADEDF
- EDEEEF
Shades
- 48555B
- 3C474D
- 313A3F
- 262E31
- 1B2124
- 111618
- 080B0D
- 020304
- 000000
Tones
- 58666C
- 5D696E
- 616C71
- 656E73
- 6A7175
- 6E7477
- 737779
- 777A7C
- 7C7D7E
Farbharmonien
Komplementär +180°
- 54636A
Gunmetal
- 6B5D56
≈ Sausalito Ridge
Analog -30° +30°
- 54636A
Gunmetal
- 536465
≈ Wellington
- 59616D
≈ Intermediate Blue
Triadisch +120° +240°
- 54636A
Gunmetal
- 6A5C62
≈ Expressive Plum
- 616153
≈ Bull Kelp
Geteilt komplementär +150° +210°
- 54636A
Gunmetal
- 6C5C5C
≈ Moroccan Dusk
- 675F53
≈ Makara
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.23:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.36:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--gunmetal: #54636a;
--gunmetal-rgb: 84 99 106;
--gunmetal-oklch: oklch(0.49 0.022 227.7);
}
.element {
color: var(--gunmetal);
background-color: hsl(199 12% 37%);
border-color: oklch(0.49 0.022 227.7);
}Tailwind CSS v4
@theme {
--color-gunmetal: #54636a;
--color-gunmetal-50: #eff6fa;
--color-gunmetal-100: #e1e9ee;
--color-gunmetal-200: #cbd6dc;
--color-gunmetal-300: #adbac0;
--color-gunmetal-400: #92a1a9;
--color-gunmetal-500: #788991;
--color-gunmetal-600: #66747b;
--color-gunmetal-700: #515d62;
--color-gunmetal-800: #3b4448;
--color-gunmetal-900: #282f32;
--color-gunmetal-950: #161c1e;
}SCSS
$gunmetal: #54636a;
$gunmetal-rgb: 84, 99, 106;
$gunmetal-light: mix(#fff, $gunmetal, 20%);
$gunmetal-dark: mix(#000, $gunmetal, 20%);
.element {
color: $gunmetal;
box-shadow: 0 0 0 2px rgba($gunmetal, 0.35);
}