Nazwany kolor · #25252C
Closed Shutter
Closed Shutter to #25252C: rgb(37 37 44), hsl(240 9% 16%), oklch(0.267 0.013 285.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Closed Shutter color name →
#25252C
oklch(0.267 0.013 285.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 37373E
- 4B4B51
- 5F5F65
- 747479
- 8A8A8E
- A0A0A4
- B7B7BA
- CECED0
- E6E7E7
Odcienie ciemniejsze
- 1F1F25
- 19191E
- 131317
- 0D0D11
- 08080A
- 040405
- 020202
- 000001
- 000000
Tony
- 2D2D34
- 36363C
- 3E3E44
- 47474C
- 505054
- 595A5D
- 636365
- 6C6C6E
- 767677
Harmonie kolorów
Komplementarna +180°
- 25252C
Closed Shutter
- 27261F
≈ Maire
Analogowa -30° +30°
- 25252C
Closed Shutter
- 22262C
≈ Black Beauty
- 28242A
≈ Darth Vader
Triada +120° +240°
- 25252C
Closed Shutter
- 2B2421
≈ Gold Black
- 202824
≈ Bitter Liquorice
Komplementarna rozszczepiona +150° +210°
- 25252C
Closed Shutter
- 2A251F
≈ Bokara Grey
- 232721
≈ Bitter Liquorice
Tetrada +90° +180° +270°
- 25252C
Closed Shutter
- 2C2324
≈ Gold Black
- 27261F
≈ Maire
- 1F2828
≈ Washed Black
Kontrast i dostępność
Ag
AAANa bieli
WCAG 15.22:1 · APCA Lc 102
Ag
FailNa czerni
WCAG 1.37:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 15.22:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmenty kodu
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);
}