Najbliższy nazwany kolor · #303846
#303846
Najbliższy nazwany kolor: Total Eclipse
#303846 (rgb(48 56 70), hsl(218 19% 23%), oklch(0.339 0.027 261.6)) jest najbliższy nazwanemu kolorowi Total Eclipse. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#303846
oklch(0.339 0.027 261.6)
Konwersje koloru
- HEX
- #303846
- RGB
- rgb(48 56 70)
- HSL
- hsl(218 19% 23%)
- HWB
- hwb(218 19% 73%)
- OKLCH
- oklch(0.339 0.027 261.6)
- OKLab
- oklab(0.339 -0.004 -0.027)
- CIE Lab
- lab(23.22 -0.57 -9.87)
- LCH
- lch(23.22 9.89 266.7)
- CMYK
- cmyk(31% 20% 0% 73%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 424957
- 555C68
- 686E79
- 7C828B
- 91959E
- A6AAB0
- BBBEC4
- D1D4D7
- E8E9EB
Odcienie ciemniejsze
- 282F3C
- 212732
- 1A1F28
- 13171E
- 0C0F15
- 06080D
- 030405
- 010102
- 000000
Tony
- 373F4C
- 3F4651
- 474D57
- 4F545D
- 565B63
- 5F6268
- 67696E
- 6F7174
- 77787A
Harmonie kolorów
Komplementarna +180°
- 303846
Total Eclipse
- 3F3628
≈ Jacko Bean
Analogowa -30° +30°
- 303846
Total Eclipse
- 293A43
≈ Precision
- 383545
≈ Sceptre Blue
Triada +120° +240°
- 303846
Total Eclipse
- 453231
≈ Benikeshinezumi Purple
- 303B2E
≈ Sound of Silence
Komplementarna rozszczepiona +150° +210°
- 303846
Total Eclipse
- 43342B
≈ Slugger
- 383929
≈ El Paso
Tetrada +90° +180° +270°
- 303846
Total Eclipse
- 433239
≈ Disappearing Purple
- 3F3628
≈ Jacko Bean
- 293C36
≈ Scarab
Kontrast i dostępność
Ag
AAANa bieli
WCAG 11.79:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.77:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 11.79:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--total-eclipse: #303846;
--total-eclipse-rgb: 48 56 70;
--total-eclipse-oklch: oklch(0.339 0.027 261.6);
}
.element {
color: var(--total-eclipse);
background-color: hsl(218 19% 23%);
border-color: oklch(0.339 0.027 261.6);
}Tailwind CSS v4
@theme {
--color-total-eclipse: #303846;
--color-total-eclipse-50: #f1f5fd;
--color-total-eclipse-100: #e3e8f1;
--color-total-eclipse-200: #ced4e0;
--color-total-eclipse-300: #b0b8c6;
--color-total-eclipse-400: #969faf;
--color-total-eclipse-500: #7c8799;
--color-total-eclipse-600: #697281;
--color-total-eclipse-700: #545b67;
--color-total-eclipse-800: #3d434c;
--color-total-eclipse-900: #2a2e35;
--color-total-eclipse-950: #171b20;
}SCSS
$total-eclipse: #303846;
$total-eclipse-rgb: 48, 56, 70;
$total-eclipse-light: mix(#fff, $total-eclipse, 20%);
$total-eclipse-dark: mix(#000, $total-eclipse, 20%);
.element {
color: $total-eclipse;
box-shadow: 0 0 0 2px rgba($total-eclipse, 0.35);
}