이름 색상 · #A598C4
Bloomsberry
Bloomsberry은(는) #A598C4: rgb(165 152 196), hsl(258 27% 68%), oklch(0.706 0.065 298.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Bloomsberry color name →
#A598C4
oklch(0.706 0.065 298.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- AEA2CA
- B6ACD0
- BFB6D6
- C8C0DC
- D1CBE2
- DAD5E8
- E3DFED
- ECEAF3
- F6F4F9
셰이드
- 8F84AA
- 797091
- 655C78
- 514A61
- 3D384A
- 2B2735
- 1A1721
- 0A080E
- 010102
톤
- A196BD
- 9D93B6
- 9A91AF
- 968FA9
- 928CA2
- 8F8A9B
- 8B8794
- 87858D
- 848287
색 조화
보색 +180°
- A598C4
Bloomsberry
- 9CA678
≈ Forester
유사색 -30° +30°
- A598C4
Bloomsberry
- 8F9FCA
≈ Blue Heron
- B792B5
≈ Tiny Ribbons
삼각 배색 +120° +240°
- A598C4
Bloomsberry
- C09778
≈ Coffee Gelato
- 73AEA0
≈ Turquoise Fantasies
분열 보색 +150° +210°
- A598C4
Bloomsberry
- B19F72
≈ Golden Sage
- 85AC8A
≈ Adventurine
사각 배색 +90° +180° +270°
- A598C4
Bloomsberry
- C6918A
≈ Evening Blush
- 9CA678
≈ Forester
- 6EACB6
≈ Smoky Mountain Spring
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.66:1 · APCA Lc 52
Ag
AAA검은색 위
WCAG 7.88:1 · APCA Lc 50
가장 좋은 글자색: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
코드 스니펫
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);
}