Nazwany kolor · #E3E1ED
Opus Magnum
Opus Magnum to #E3E1ED: rgb(227 225 237), hsl(250 25% 91%), oklch(0.915 0.016 293.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Opus Magnum color name →
#E3E1ED
oklch(0.915 0.016 293.7)
Konwersje koloru
- HEX
- #e3e1ed
- RGB
- rgb(227 225 237)
- HSL
- hsl(250 25% 91%)
- HWB
- hwb(250 88% 7%)
- OKLCH
- oklch(0.915 0.016 293.7)
- OKLab
- oklab(0.915 0.007 -0.015)
- CIE Lab
- lab(89.95 2.33 -5.62)
- LCH
- lch(89.95 6.08 292.6)
- CMYK
- cmyk(4% 5% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E6E4EF
- E9E7F1
- EBEAF2
- EEEDF4
- F1F0F6
- F4F3F8
- F7F6FA
- F9F9FB
- FCFCFD
Odcienie ciemniejsze
- C5C4CE
- A8A7B0
- 8C8B93
- 717077
- 57565C
- 3F3E42
- 27272A
- 121214
- 030203
Tony
- D9D7E2
- CECDD6
- C4C3CB
- BAB9C0
- B0AFB5
- A6A6AA
- 9D9C9F
- 939395
- 89898A
Harmonie kolorów
Komplementarna +180°
- E3E1ED
Opus Magnum
- E2E4D8
≈ Ice Palace
Analogowa -30° +30°
- E3E1ED
Opus Magnum
- DDE3EE
≈ Violet Extract
- E8DFE9
≈ Diluted Pink
Triada +120° +240°
- E3E1ED
Opus Magnum
- ECE0D9
≈ Touchable Pink
- D9E7E2
≈ Icelandic Winter
Komplementarna rozszczepiona +150° +210°
- E3E1ED
Opus Magnum
- E8E2D7
≈ Crisp Muslin
- DDE6DC
≈ Cloudy Day
Tetrada +90° +180° +270°
- E3E1ED
Opus Magnum
- EEDFDE
≈ Soft Peach
- E2E4D8
≈ Ice Palace
- D7E6E8
≈ Smoke and Mirrors
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.25:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.25:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--opus-magnum: #e3e1ed;
--opus-magnum-rgb: 227 225 237;
--opus-magnum-oklch: oklch(0.915 0.016 293.7);
}
.element {
color: var(--opus-magnum);
background-color: hsl(250 25% 91%);
border-color: oklch(0.915 0.016 293.7);
}Tailwind CSS v4
@theme {
--color-opus-magnum: #e3e1ed;
--color-opus-magnum-50: #f5f4f9;
--color-opus-magnum-100: #e8e7ed;
--color-opus-magnum-200: #d4d3db;
--color-opus-magnum-300: #b8b6bf;
--color-opus-magnum-400: #9f9da7;
--color-opus-magnum-500: #868490;
--color-opus-magnum-600: #72707a;
--color-opus-magnum-700: #5b5a62;
--color-opus-magnum-800: #424148;
--color-opus-magnum-900: #2e2d32;
--color-opus-magnum-950: #1a1a1e;
}SCSS
$opus-magnum: #e3e1ed;
$opus-magnum-rgb: 227, 225, 237;
$opus-magnum-light: mix(#fff, $opus-magnum, 20%);
$opus-magnum-dark: mix(#000, $opus-magnum, 20%);
.element {
color: $opus-magnum;
box-shadow: 0 0 0 2px rgba($opus-magnum, 0.35);
}