Adlandırılmış renk · #555470
Sombre Grey
Sombre Grey, #555470: rgb(85 84 112), hsl(242 14% 38%), oklch(0.458 0.045 286.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Sombre Grey color name →
#555470
oklch(0.458 0.045 286.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 64647E
- 74748B
- 848499
- 9595A7
- A6A6B5
- B7B7C4
- C9C9D2
- DADAE1
- EDEDF0
Koyu tonlar
- 494860
- 3D3C51
- 313143
- 262635
- 1C1B27
- 11111A
- 08080E
- 020204
- 000001
Gri tonlar
- 595872
- 5D5D73
- 616175
- 666577
- 6A6A78
- 6E6E7A
- 73737C
- 77777D
- 7C7C7F
Renk uyumları
Tamamlayıcı +180°
- 555470
Sombre Grey
- 5B593B
≈ Tuscan Olive
Analog -30° +30°
- 555470
Sombre Grey
- 475971
≈ Bluster Blue
- 625069
≈ Blackberry Farm
Üçlü +120° +240°
- 555470
Sombre Grey
- 6D5042
≈ Moroccan Henna
- 3F6052
≈ Tropical Foliage
Bölünmüş tamamlayıcı +150° +210°
- 555470
Sombre Grey
- 66543B
≈ Oliva Oscuro
- 4C5E44
≈ Bavarian
Dörtlü +90° +180° +270°
- 555470
Sombre Grey
- 6F4D4F
≈ Marron
- 5B593B
≈ Tuscan Olive
- 376060
≈ Calypso Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.27:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.88:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.27:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
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);
}