Nazwany kolor · #647D9E
Smoky Violet
Smoky Violet to #647D9E: rgb(100 125 158), hsl(214 23% 51%), oklch(0.583 0.059 255.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Smoky Violet color name →
#647D9E
oklch(0.583 0.059 255.5)
Konwersje koloru
- HEX
- #647d9e
- RGB
- rgb(100 125 158)
- HSL
- hsl(214 23% 51%)
- HWB
- hwb(214 39% 38%)
- OKLCH
- oklch(0.583 0.059 255.5)
- OKLab
- oklab(0.583 -0.015 -0.057)
- CIE Lab
- lab(51.39 -2.91 -20.91)
- LCH
- lch(51.39 21.12 262.1)
- CMYK
- cmyk(37% 21% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7389A8
- 8196B1
- 90A3BB
- 9FAFC4
- AFBCCE
- BFC9D8
- CED7E2
- DEE4EB
- EFF1F5
Odcienie ciemniejsze
- 566C89
- 485B74
- 3B4B60
- 2E3B4D
- 222C3A
- 161E29
- 0B1118
- 030509
- 000101
Tony
- 677D9B
- 6A7E98
- 6D7E95
- 707E92
- 727F8F
- 757F8C
- 787F89
- 7B8086
- 7D8083
Harmonie kolorów
Komplementarna +180°
- 647D9E
Smoky Violet
- 907753
≈ Lonely Road
Analogowa -30° +30°
- 647D9E
Smoky Violet
- 548396
≈ Blue Moon Bay
- 77769D
≈ Kimono Violet
Triada +120° +240°
- 647D9E
Smoky Violet
- 9B6D70
≈ Fruitwood
- 6C8360
≈ Bladerunner
Komplementarna rozszczepiona +150° +210°
- 647D9E
Smoky Violet
- 99705E
≈ Mocha Mousse
- 807E54
≈ Xena
Tetrada +90° +180° +270°
- 647D9E
Smoky Violet
- 956D83
≈ Sophisticated Lilac
- 907753
≈ Lonely Road
- 598773
≈ Dark Jade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.22:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.96:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoky-violet: #647d9e;
--smoky-violet-rgb: 100 125 158;
--smoky-violet-oklch: oklch(0.583 0.059 255.5);
}
.element {
color: var(--smoky-violet);
background-color: hsl(214 23% 51%);
border-color: oklch(0.583 0.059 255.5);
}Tailwind CSS v4
@theme {
--color-smoky-violet: #647d9e;
--color-smoky-violet-50: #ebf6ff;
--color-smoky-violet-100: #dce9fc;
--color-smoky-violet-200: #c5d6ee;
--color-smoky-violet-300: #a5b9d6;
--color-smoky-violet-400: #88a0c1;
--color-smoky-violet-500: #6c88ad;
--color-smoky-violet-600: #5c7392;
--color-smoky-violet-700: #495c75;
--color-smoky-violet-800: #344457;
--color-smoky-violet-900: #232f3c;
--color-smoky-violet-950: #121b26;
}SCSS
$smoky-violet: #647d9e;
$smoky-violet-rgb: 100, 125, 158;
$smoky-violet-light: mix(#fff, $smoky-violet, 20%);
$smoky-violet-dark: mix(#000, $smoky-violet, 20%);
.element {
color: $smoky-violet;
box-shadow: 0 0 0 2px rgba($smoky-violet, 0.35);
}