Adlandırılmış renk · #767BA5
Lavender Violet
Lavender Violet, #767BA5: rgb(118 123 165), hsl(234 21% 55%), oklch(0.595 0.064 279). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Lavender Violet color name →
#767BA5
oklch(0.595 0.064 279)
Renk dönüşümleri
- HEX
- #767ba5
- RGB
- rgb(118 123 165)
- HSL
- hsl(234 21% 55%)
- HWB
- hwb(234 46% 35%)
- OKLCH
- oklch(0.595 0.064 279)
- OKLab
- oklab(0.595 0.01 -0.064)
- CIE Lab
- lab(52.41 5.53 -23.27)
- LCH
- lch(52.41 23.91 283.4)
- CMYK
- cmyk(28% 25% 0% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8388AE
- 9094B7
- 9DA1C0
- AAAEC9
- B8BBD2
- C6C9DB
- D4D6E4
- E2E3ED
- F0F1F6
Koyu tonlar
- 666A8F
- 565A79
- 474A65
- 383A51
- 292C3D
- 1C1E2B
- 0F101A
- 05050A
- 010101
Gri tonlar
- 777CA1
- 787C9E
- 797D9A
- 7A7D97
- 7B7E93
- 7C7E8F
- 7D7F8B
- 7E7F88
- 7F8084
Renk uyumları
Tamamlayıcı +180°
- 767BA5
Lavender Violet
- 888052
≈ Aged Eucalyptus
Analog -30° +30°
- 767BA5
Lavender Violet
- 6182A4
≈ Blue Boater
- 8A749C
≈ Fuji Purple
Üçlü +120° +240°
- 767BA5
Lavender Violet
- A17262
≈ Toast
- 5D8B71
≈ Alexandrite Green
Bölünmüş tamamlayıcı +150° +210°
- 767BA5
Lavender Violet
- 987854
≈ Guinea Pig
- 73865D
≈ Equatorial Forest
Dörtlü +90° +180° +270°
- 767BA5
Lavender Violet
- A16F77
≈ Turkish Rose
- 888052
≈ Aged Eucalyptus
- 4E8B86
≈ Evora
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.08:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.14:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--lavender-violet: #767ba5;
--lavender-violet-rgb: 118 123 165;
--lavender-violet-oklch: oklch(0.595 0.064 279);
}
.element {
color: var(--lavender-violet);
background-color: hsl(234 21% 55%);
border-color: oklch(0.595 0.064 279);
}Tailwind CSS v4
@theme {
--color-lavender-violet: #767ba5;
--color-lavender-violet-50: #f1f3ff;
--color-lavender-violet-100: #e3e6fe;
--color-lavender-violet-200: #cfd2f0;
--color-lavender-violet-300: #b1b4d8;
--color-lavender-violet-400: #969bc5;
--color-lavender-violet-500: #7d82b1;
--color-lavender-violet-600: #696e95;
--color-lavender-violet-700: #545878;
--color-lavender-violet-800: #3c4059;
--color-lavender-violet-900: #2a2c3e;
--color-lavender-violet-950: #171927;
}SCSS
$lavender-violet: #767ba5;
$lavender-violet-rgb: 118, 123, 165;
$lavender-violet-light: mix(#fff, $lavender-violet, 20%);
$lavender-violet-dark: mix(#000, $lavender-violet, 20%);
.element {
color: $lavender-violet;
box-shadow: 0 0 0 2px rgba($lavender-violet, 0.35);
}