Benannte Farbe · #25252C
Closed Shutter
Closed Shutter ist #25252C: rgb(37 37 44), hsl(240 9% 16%), oklch(0.267 0.013 285.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Closed Shutter color name →
#25252C
oklch(0.267 0.013 285.5)
Farbumrechnungen
- HEX
- #25252c
- RGB
- rgb(37 37 44)
- HSL
- hsl(240 9% 16%)
- HWB
- hwb(240 15% 83%)
- OKLCH
- oklch(0.267 0.013 285.5)
- OKLab
- oklab(0.267 0.003 -0.012)
- CIE Lab
- lab(14.9 1.36 -4.64)
- LCH
- lch(14.9 4.84 286.4)
- CMYK
- cmyk(16% 16% 0% 83%)
Tints · Shades · Tones
Tints
- 37373E
- 4B4B51
- 5F5F65
- 747479
- 8A8A8E
- A0A0A4
- B7B7BA
- CECED0
- E6E7E7
Shades
- 1F1F25
- 19191E
- 131317
- 0D0D11
- 08080A
- 040405
- 020202
- 000001
- 000000
Tones
- 2D2D34
- 36363C
- 3E3E44
- 47474C
- 505054
- 595A5D
- 636365
- 6C6C6E
- 767677
Farbharmonien
Komplementär +180°
- 25252C
Closed Shutter
- 27261F
≈ Maire
Analog -30° +30°
- 25252C
Closed Shutter
- 22262C
≈ Black Beauty
- 28242A
≈ Darth Vader
Triadisch +120° +240°
- 25252C
Closed Shutter
- 2B2421
≈ Gold Black
- 202824
≈ Bitter Liquorice
Geteilt komplementär +150° +210°
- 25252C
Closed Shutter
- 2A251F
≈ Bokara Grey
- 232721
≈ Bitter Liquorice
Tetradisch +90° +180° +270°
- 25252C
Closed Shutter
- 2C2324
≈ Gold Black
- 27261F
≈ Maire
- 1F2828
≈ Washed Black
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 15.22:1 · APCA Lc 102
Ag
FailAuf Schwarz
WCAG 1.37:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 15.22:1 (AAA) · APCA Lc 102
Contrast pairs
Code-Snippets
CSS
:root {
--closed-shutter: #25252c;
--closed-shutter-rgb: 37 37 44;
--closed-shutter-oklch: oklch(0.267 0.013 285.5);
}
.element {
color: var(--closed-shutter);
background-color: hsl(240 9% 16%);
border-color: oklch(0.267 0.013 285.5);
}Tailwind CSS v4
@theme {
--color-closed-shutter: #25252c;
--color-closed-shutter-50: #f5f5f9;
--color-closed-shutter-100: #e7e7ec;
--color-closed-shutter-200: #d4d3da;
--color-closed-shutter-300: #b7b6be;
--color-closed-shutter-400: #9d9da6;
--color-closed-shutter-500: #85858f;
--color-closed-shutter-600: #717179;
--color-closed-shutter-700: #5a5a61;
--color-closed-shutter-800: #424247;
--color-closed-shutter-900: #2d2d31;
--color-closed-shutter-950: #1a1a1d;
}SCSS
$closed-shutter: #25252c;
$closed-shutter-rgb: 37, 37, 44;
$closed-shutter-light: mix(#fff, $closed-shutter, 20%);
$closed-shutter-dark: mix(#000, $closed-shutter, 20%);
.element {
color: $closed-shutter;
box-shadow: 0 0 0 2px rgba($closed-shutter, 0.35);
}