Nazwany kolor · #494C59
Deep Mystery
Deep Mystery to #494C59: rgb(73 76 89), hsl(229 10% 32%), oklch(0.419 0.022 275.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Deep Mystery color name →
#494C59
oklch(0.419 0.022 275.2)
Konwersje koloru
- HEX
- #494c59
- RGB
- rgb(73 76 89)
- HSL
- hsl(229 10% 32%)
- HWB
- hwb(229 29% 65%)
- OKLCH
- oklch(0.419 0.022 275.2)
- OKLab
- oklab(0.419 0.002 -0.022)
- CIE Lab
- lab(32.41 1.07 -8.14)
- LCH
- lch(32.41 8.21 277.5)
- CMYK
- cmyk(18% 15% 0% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 595C68
- 6A6D78
- 7B7E88
- 8D8F98
- 9FA1A8
- B2B3B9
- C4C6CA
- D8D8DC
- EBECED
Odcienie ciemniejsze
- 3E414C
- 343640
- 2A2C34
- 202228
- 17181D
- 0E0F13
- 060609
- 020203
- 000000
Tony
- 4E515D
- 545661
- 595B65
- 5E6068
- 64656C
- 696B70
- 6F7074
- 757578
- 7A7B7C
Harmonie kolorów
Komplementarna +180°
- 494C59
Deep Mystery
- 504D3F
≈ Deep Desert Shadow
Analogowa -30° +30°
- 494C59
Deep Mystery
- 434E58
≈ Deepest Sea
- 4F4A57
≈ Downing Street
Triada +120° +240°
- 494C59
Deep Mystery
- 584945
≈ Molasses
- 445048
≈ Park Avenue
Komplementarna rozszczepiona +150° +210°
- 494C59
Deep Mystery
- 554A40
≈ Brown Fox
- 4A4F42
≈ Charcoal Smoke
Tetrada +90° +180° +270°
- 494C59
Deep Mystery
- 58484B
≈ Carob Chip
- 504D3F
≈ Deep Desert Shadow
- 40514E
≈ Gedney Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.53:1 · APCA Lc 89
Ag
FailNa czerni
WCAG 2.46:1 · APCA Lc 13
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.53:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-mystery: #494c59;
--deep-mystery-rgb: 73 76 89;
--deep-mystery-oklch: oklch(0.419 0.022 275.2);
}
.element {
color: var(--deep-mystery);
background-color: hsl(229 10% 32%);
border-color: oklch(0.419 0.022 275.2);
}Tailwind CSS v4
@theme {
--color-deep-mystery: #494c59;
--color-deep-mystery-50: #f3f5fc;
--color-deep-mystery-100: #e6e7ef;
--color-deep-mystery-200: #d2d4de;
--color-deep-mystery-300: #b4b7c3;
--color-deep-mystery-400: #9a9eac;
--color-deep-mystery-500: #828595;
--color-deep-mystery-600: #6e717e;
--color-deep-mystery-700: #585a65;
--color-deep-mystery-800: #40424a;
--color-deep-mystery-900: #2c2e33;
--color-deep-mystery-950: #191a1f;
}SCSS
$deep-mystery: #494c59;
$deep-mystery-rgb: 73, 76, 89;
$deep-mystery-light: mix(#fff, $deep-mystery, 20%);
$deep-mystery-dark: mix(#000, $deep-mystery, 20%);
.element {
color: $deep-mystery;
box-shadow: 0 0 0 2px rgba($deep-mystery, 0.35);
}