Nazwany kolor · #535E63
Mysterious
Mysterious to #535E63: rgb(83 94 99), hsl(199 9% 36%), oklch(0.474 0.016 226.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mysterious color name →
#535E63
oklch(0.474 0.016 226.8)
Konwersje koloru
- HEX
- #535e63
- RGB
- rgb(83 94 99)
- HSL
- hsl(199 9% 36%)
- HWB
- hwb(199 33% 61%)
- OKLCH
- oklch(0.474 0.016 226.8)
- OKLab
- oklab(0.474 -0.011 -0.012)
- CIE Lab
- lab(39.08 -3.54 -4.4)
- LCH
- lch(39.08 5.64 231.2)
- CMYK
- cmyk(16% 5% 0% 61%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 636D71
- 737C80
- 838B8F
- 949B9E
- A5ABAE
- B6BBBE
- C8CCCE
- DADDDE
- ECEEEE
Odcienie ciemniejsze
- 475155
- 3B4447
- 30373A
- 252B2E
- 1B1F21
- 111416
- 080A0B
- 020303
- 000000
Tony
- 576166
- 5C6569
- 60686C
- 656B6E
- 696F71
- 6E7274
- 727677
- 77797A
- 7B7D7D
Harmonie kolorów
Komplementarna +180°
- 535E63
Mysterious
- 645954
≈ Wood Acres
Analogowa -30° +30°
- 535E63
Mysterious
- 525F5F
≈ Calcite Grey Green
- 565C65
≈ Turbulence
Triada +120° +240°
- 535E63
Mysterious
- 63595E
≈ Mauve Brown
- 5D5D53
≈ Black Bamboo
Komplementarna rozszczepiona +150° +210°
- 535E63
Mysterious
- 655959
≈ Louisiana Mud
- 615B52
≈ Ironclad
Tetrada +90° +180° +270°
- 535E63
Mysterious
- 605962
≈ Mauve Brown
- 645954
≈ Wood Acres
- 585E55
≈ Pointed Fir
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.66:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--mysterious: #535e63;
--mysterious-rgb: 83 94 99;
--mysterious-oklch: oklch(0.474 0.016 226.8);
}
.element {
color: var(--mysterious);
background-color: hsl(199 9% 36%);
border-color: oklch(0.474 0.016 226.8);
}Tailwind CSS v4
@theme {
--color-mysterious: #535e63;
--color-mysterious-50: #f1f6f9;
--color-mysterious-100: #e3e9ec;
--color-mysterious-200: #ced6da;
--color-mysterious-300: #afb9be;
--color-mysterious-400: #95a1a6;
--color-mysterious-500: #7c898e;
--color-mysterious-600: #697478;
--color-mysterious-700: #545c60;
--color-mysterious-800: #3d4447;
--color-mysterious-900: #2a2f31;
--color-mysterious-950: #171b1d;
}SCSS
$mysterious: #535e63;
$mysterious-rgb: 83, 94, 99;
$mysterious-light: mix(#fff, $mysterious, 20%);
$mysterious-dark: mix(#000, $mysterious, 20%);
.element {
color: $mysterious;
box-shadow: 0 0 0 2px rgba($mysterious, 0.35);
}