Adlandırılmış renk · #A598C4
Bloomsberry
Bloomsberry, #A598C4: rgb(165 152 196), hsl(258 27% 68%), oklch(0.706 0.065 298.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Bloomsberry color name →
#A598C4
oklch(0.706 0.065 298.3)
Renk dönüşümleri
- HEX
- #a598c4
- RGB
- rgb(165 152 196)
- HSL
- hsl(258 27% 68%)
- HWB
- hwb(258 60% 23%)
- OKLCH
- oklch(0.706 0.065 298.3)
- OKLab
- oklab(0.706 0.031 -0.057)
- CIE Lab
- lab(65.14 11.6 -21.04)
- LCH
- lch(65.14 24.02 298.9)
- CMYK
- cmyk(16% 22% 0% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEA2CA
- B6ACD0
- BFB6D6
- C8C0DC
- D1CBE2
- DAD5E8
- E3DFED
- ECEAF3
- F6F4F9
Koyu tonlar
- 8F84AA
- 797091
- 655C78
- 514A61
- 3D384A
- 2B2735
- 1A1721
- 0A080E
- 010102
Gri tonlar
- A196BD
- 9D93B6
- 9A91AF
- 968FA9
- 928CA2
- 8F8A9B
- 8B8794
- 87858D
- 848287
Renk uyumları
Tamamlayıcı +180°
- A598C4
Bloomsberry
- 9CA678
≈ Forester
Analog -30° +30°
- A598C4
Bloomsberry
- 8F9FCA
≈ Blue Heron
- B792B5
≈ Tiny Ribbons
Üçlü +120° +240°
- A598C4
Bloomsberry
- C09778
≈ Coffee Gelato
- 73AEA0
≈ Turquoise Fantasies
Bölünmüş tamamlayıcı +150° +210°
- A598C4
Bloomsberry
- B19F72
≈ Golden Sage
- 85AC8A
≈ Adventurine
Dörtlü +90° +180° +270°
- A598C4
Bloomsberry
- C6918A
≈ Evening Blush
- 9CA678
≈ Forester
- 6EACB6
≈ Smoky Mountain Spring
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.66:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.88:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--bloomsberry: #a598c4;
--bloomsberry-rgb: 165 152 196;
--bloomsberry-oklch: oklch(0.706 0.065 298.3);
}
.element {
color: var(--bloomsberry);
background-color: hsl(258 27% 68%);
border-color: oklch(0.706 0.065 298.3);
}Tailwind CSS v4
@theme {
--color-bloomsberry: #a598c4;
--color-bloomsberry-50: #f8f1ff;
--color-bloomsberry-100: #ebe3fb;
--color-bloomsberry-200: #d8ceec;
--color-bloomsberry-300: #bcb0d4;
--color-bloomsberry-400: #a397c0;
--color-bloomsberry-500: #8b7dac;
--color-bloomsberry-600: #766a91;
--color-bloomsberry-700: #5e5574;
--color-bloomsberry-800: #443e56;
--color-bloomsberry-900: #2f2b3c;
--color-bloomsberry-950: #1c1826;
}SCSS
$bloomsberry: #a598c4;
$bloomsberry-rgb: 165, 152, 196;
$bloomsberry-light: mix(#fff, $bloomsberry, 20%);
$bloomsberry-dark: mix(#000, $bloomsberry, 20%);
.element {
color: $bloomsberry;
box-shadow: 0 0 0 2px rgba($bloomsberry, 0.35);
}