Adlandırılmış renk · #675B72
Violet Haze
Violet Haze, #675B72: rgb(103 91 114), hsl(271 11% 40%), oklch(0.491 0.039 308.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Violet Haze color name →
#675B72
oklch(0.491 0.039 308.5)
Renk dönüşümleri
- HEX
- #675b72
- RGB
- rgb(103 91 114)
- HSL
- hsl(271 11% 40%)
- HWB
- hwb(271 36% 55%)
- OKLCH
- oklch(0.491 0.039 308.5)
- OKLab
- oklab(0.491 0.024 -0.03)
- CIE Lab
- lab(40.47 8.63 -11.26)
- LCH
- lch(40.47 14.19 307.5)
- CMYK
- cmyk(10% 20% 0% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 756A7F
- 83798D
- 92899A
- A199A8
- B0A9B6
- BFBAC4
- CFCBD3
- DFDCE1
- EFEDF0
Koyu tonlar
- 594E62
- 4B4153
- 3D3544
- 302936
- 231E28
- 17131B
- 0C090E
- 040304
- 000001
Gri tonlar
- 695F73
- 6C6275
- 6E6676
- 716A78
- 736D79
- 76717B
- 78757C
- 7B797D
- 7D7C7F
Renk uyumları
Tamamlayıcı +180°
- 675B72
Violet Haze
- 5A654E
≈ Oitake Green
Analog -30° +30°
- 675B72
Violet Haze
- 5B5F77
≈ Men’s Night
- 705868
≈ Dark Purple Grey
Üçlü +120° +240°
- 675B72
Violet Haze
- 705D49
≈ Stampede
- 476865
≈ Grand Prix
Bölünmüş tamamlayıcı +150° +210°
- 675B72
Violet Haze
- 666148
≈ Titanoboa
- 4E6859
≈ Kale Green
Dörtlü +90° +180° +270°
- 675B72
Violet Haze
- 755951
≈ Red Wattle Hog
- 5A654E
≈ Oitake Green
- 476670
≈ Night Folly
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.33:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.31:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.33:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--violet-haze: #675b72;
--violet-haze-rgb: 103 91 114;
--violet-haze-oklch: oklch(0.491 0.039 308.5);
}
.element {
color: var(--violet-haze);
background-color: hsl(271 11% 40%);
border-color: oklch(0.491 0.039 308.5);
}Tailwind CSS v4
@theme {
--color-violet-haze: #675b72;
--color-violet-haze-50: #f9f2fe;
--color-violet-haze-100: #ece4f2;
--color-violet-haze-200: #d9d0e1;
--color-violet-haze-300: #beb2c7;
--color-violet-haze-400: #a599b0;
--color-violet-haze-500: #8d809a;
--color-violet-haze-600: #786c82;
--color-violet-haze-700: #605669;
--color-violet-haze-800: #463f4d;
--color-violet-haze-900: #302b36;
--color-violet-haze-950: #1c1921;
}SCSS
$violet-haze: #675b72;
$violet-haze-rgb: 103, 91, 114;
$violet-haze-light: mix(#fff, $violet-haze, 20%);
$violet-haze-dark: mix(#000, $violet-haze, 20%);
.element {
color: $violet-haze;
box-shadow: 0 0 0 2px rgba($violet-haze, 0.35);
}