Nazwany kolor · #555470
Sombre Grey
Sombre Grey to #555470: rgb(85 84 112), hsl(242 14% 38%), oklch(0.458 0.045 286.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Sombre Grey color name →
#555470
oklch(0.458 0.045 286.1)
Konwersje koloru
- HEX
- #555470
- RGB
- rgb(85 84 112)
- HSL
- hsl(242 14% 38%)
- HWB
- hwb(242 33% 56%)
- OKLCH
- oklch(0.458 0.045 286.1)
- OKLab
- oklab(0.458 0.013 -0.044)
- CIE Lab
- lab(36.67 5.48 -15.98)
- LCH
- lch(36.67 16.89 288.9)
- CMYK
- cmyk(24% 25% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 64647E
- 74748B
- 848499
- 9595A7
- A6A6B5
- B7B7C4
- C9C9D2
- DADAE1
- EDEDF0
Odcienie ciemniejsze
- 494860
- 3D3C51
- 313143
- 262635
- 1C1B27
- 11111A
- 08080E
- 020204
- 000001
Tony
- 595872
- 5D5D73
- 616175
- 666577
- 6A6A78
- 6E6E7A
- 73737C
- 77777D
- 7C7C7F
Harmonie kolorów
Komplementarna +180°
- 555470
Sombre Grey
- 5B593B
≈ Tuscan Olive
Analogowa -30° +30°
- 555470
Sombre Grey
- 475971
≈ Bluster Blue
- 625069
≈ Blackberry Farm
Triada +120° +240°
- 555470
Sombre Grey
- 6D5042
≈ Moroccan Henna
- 3F6052
≈ Tropical Foliage
Komplementarna rozszczepiona +150° +210°
- 555470
Sombre Grey
- 66543B
≈ Oliva Oscuro
- 4C5E44
≈ Bavarian
Tetrada +90° +180° +270°
- 555470
Sombre Grey
- 6F4D4F
≈ Marron
- 5B593B
≈ Tuscan Olive
- 376060
≈ Calypso Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.27:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.88:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.27:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--sombre-grey: #555470;
--sombre-grey-rgb: 85 84 112;
--sombre-grey-oklch: oklch(0.458 0.045 286.1);
}
.element {
color: var(--sombre-grey);
background-color: hsl(242 14% 38%);
border-color: oklch(0.458 0.045 286.1);
}Tailwind CSS v4
@theme {
--color-sombre-grey: #555470;
--color-sombre-grey-50: #f4f3ff;
--color-sombre-grey-100: #e7e6f7;
--color-sombre-grey-200: #d3d2e7;
--color-sombre-grey-300: #b6b4ce;
--color-sombre-grey-400: #9c9bb9;
--color-sombre-grey-500: #8382a3;
--color-sombre-grey-600: #6f6e8a;
--color-sombre-grey-700: #59586f;
--color-sombre-grey-800: #404052;
--color-sombre-grey-900: #2c2c39;
--color-sombre-grey-950: #191923;
}SCSS
$sombre-grey: #555470;
$sombre-grey-rgb: 85, 84, 112;
$sombre-grey-light: mix(#fff, $sombre-grey, 20%);
$sombre-grey-dark: mix(#000, $sombre-grey, 20%);
.element {
color: $sombre-grey;
box-shadow: 0 0 0 2px rgba($sombre-grey, 0.35);
}