Nazwany kolor · #365C7D
Matisse
Matisse to #365C7D: rgb(54 92 125), hsl(208 40% 35%), oklch(0.461 0.069 246.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Matisse color name →
#365C7D
oklch(0.461 0.069 246.2)
Konwersje koloru
- HEX
- #365c7d
- RGB
- rgb(54 92 125)
- HSL
- hsl(208 40% 35%)
- HWB
- hwb(208 21% 51%)
- OKLCH
- oklch(0.461 0.069 246.2)
- OKLab
- oklab(0.461 -0.028 -0.064)
- CIE Lab
- lab(37.36 -6.07 -23.11)
- LCH
- lch(37.36 23.89 255.3)
- CMYK
- cmyk(57% 26% 0% 51%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 496B8A
- 5C7B96
- 6F8AA3
- 839AB0
- 97ABBD
- ABBBCA
- BFCCD7
- D4DDE4
- EAEEF2
Odcienie ciemniejsze
- 2E4F6C
- 25425B
- 1E364B
- 162A3B
- 0F1F2C
- 08141E
- 030A11
- 010305
- 000001
Tony
- 3E607E
- 46637E
- 4D677F
- 556B7F
- 5C6E7F
- 637280
- 6A7580
- 727980
- 797D80
Harmonie kolorów
Komplementarna +180°
- 365C7D
Matisse
- 73502C
≈ Chocolate Rain
Analogowa -30° +30°
- 365C7D
Matisse
- 1F6271
≈ Excellence
- 4E557F
≈ Dusk
Triada +120° +240°
- 365C7D
Matisse
- 794752
≈ Stoic
- 4E5F33
≈ Woodman
Komplementarna rozszczepiona +150° +210°
- 365C7D
Matisse
- 7A4A3D
≈ Egyptian Jasper
- 645827
≈ Fir Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.03:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.98:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.03:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--matisse: #365c7d;
--matisse-rgb: 54 92 125;
--matisse-oklch: oklch(0.461 0.069 246.2);
}
.element {
color: var(--matisse);
background-color: hsl(208 40% 35%);
border-color: oklch(0.461 0.069 246.2);
}Tailwind CSS v4
@theme {
--color-matisse: #365c7d;
--color-matisse-50: #e6f7ff;
--color-matisse-100: #d6ebff;
--color-matisse-200: #bed8f1;
--color-matisse-300: #9cbbda;
--color-matisse-400: #7da3c6;
--color-matisse-500: #5f8bb2;
--color-matisse-600: #517696;
--color-matisse-700: #405e78;
--color-matisse-800: #2d4559;
--color-matisse-900: #1e303e;
--color-matisse-950: #0e1c27;
}SCSS
$matisse: #365c7d;
$matisse-rgb: 54, 92, 125;
$matisse-light: mix(#fff, $matisse, 20%);
$matisse-dark: mix(#000, $matisse, 20%);
.element {
color: $matisse;
box-shadow: 0 0 0 2px rgba($matisse, 0.35);
}