Adlandırılmış renk · #B085B7
African Violet
African Violet, #B085B7: rgb(176 133 183), hsl(292 26% 62%), oklch(0.675 0.087 321.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · African Violet color name →
#B085B7
oklch(0.675 0.087 321.7)
Renk dönüşümleri
- HEX
- #b085b7
- RGB
- rgb(176 133 183)
- HSL
- hsl(292 26% 62%)
- HWB
- hwb(292 52% 28%)
- OKLCH
- oklch(0.675 0.087 321.7)
- OKLab
- oklab(0.675 0.068 -0.054)
- CIE Lab
- lab(61.08 23.52 -19.76)
- LCH
- lch(61.08 30.72 320)
- CMYK
- cmyk(4% 27% 0% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B891BE
- C09DC5
- C8A9CD
- D0B5D4
- D7C1DB
- DFCDE2
- E7D9E9
- EFE6F1
- F7F2F8
Koyu tonlar
- 99739F
- 826187
- 6C5070
- 56405A
- 423045
- 2E2131
- 1C131E
- 0B060C
- 010102
Gri tonlar
- AB85B1
- A684AC
- A284A6
- 9D84A1
- 98839B
- 938396
- 8F8290
- 8A818B
- 858186
Renk uyumları
Tamamlayıcı +180°
- B085B7
African Violet
- 78A572
≈ Ready Lawn
Analog -30° +30°
- B085B7
African Violet
- 978DC8
≈ Hermosa
- C0809D
≈ Polignac
Üçlü +120° +240°
- B085B7
African Violet
- B29256
≈ Golden Egg
- 4BA7AD
≈ Tidal Teal
Bölünmüş tamamlayıcı +150° +210°
- B085B7
African Violet
- 989C5C
≈ Stem
- 59A890
≈ Artemesia Green
Dörtlü +90° +180° +270°
- B085B7
African Violet
- C28764
≈ Sassy
- 78A572
≈ Ready Lawn
- 5BA0C3
≈ Dupain
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.05:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.88:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.88:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--african-violet: #b085b7;
--african-violet-rgb: 176 133 183;
--african-violet-oklch: oklch(0.675 0.087 321.7);
}
.element {
color: var(--african-violet);
background-color: hsl(292 26% 62%);
border-color: oklch(0.675 0.087 321.7);
}Tailwind CSS v4
@theme {
--color-african-violet: #b085b7;
--color-african-violet-50: #ffedff;
--color-african-violet-100: #f7dff9;
--color-african-violet-200: #e7c8ea;
--color-african-violet-300: #cea9d1;
--color-african-violet-400: #b78ebd;
--color-african-violet-500: #a173a9;
--color-african-violet-600: #88618e;
--color-african-violet-700: #6d4e72;
--color-african-violet-800: #503855;
--color-african-violet-900: #37273b;
--color-african-violet-950: #221525;
}SCSS
$african-violet: #b085b7;
$african-violet-rgb: 176, 133, 183;
$african-violet-light: mix(#fff, $african-violet, 20%);
$african-violet-dark: mix(#000, $african-violet, 20%);
.element {
color: $african-violet;
box-shadow: 0 0 0 2px rgba($african-violet, 0.35);
}