이름 색상 · #AA6772
Berry Crush
Berry Crush은(는) #AA6772: rgb(170 103 114), hsl(350 28% 54%), oklch(0.59 0.087 9.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Berry Crush color name →
#AA6772
oklch(0.59 0.087 9.4)
색상 변환
- HEX
- #aa6772
- RGB
- rgb(170 103 114)
- HSL
- hsl(350 28% 54%)
- HWB
- hwb(350 40% 33%)
- OKLCH
- oklch(0.59 0.087 9.4)
- OKLab
- oklab(0.59 0.086 0.014)
- CIE Lab
- lab(51.48 28.63 5.91)
- LCH
- lch(51.48 29.24 11.7)
- CMYK
- cmyk(0% 39% 33% 33%)
틴트 · 셰이드 · 톤
틴트
- B3767F
- BC848D
- C5939A
- CEA2A8
- D6B1B6
- DFC0C4
- E7D0D3
- EFDFE1
- F7EFF0
셰이드
- 935962
- 7D4B53
- 683D44
- 533036
- 3F2328
- 2D171B
- 1B0C0E
- 0B0404
- 010001
톤
- A66A73
- A36D75
- 9F6F76
- 9B7278
- 977479
- 92777A
- 8E797C
- 8A7C7D
- 857E7F
색 조화
보색 +180°
- AA6772
Berry Crush
- 2F8E88
≈ Taos Turquoise
유사색 -30° +30°
- AA6772
Berry Crush
- A0698E
≈ Berry Pretty
- AA6B56
≈ Mojave Sunset
삼각 배색 +120° +240°
- AA6772
Berry Crush
- 6D884F
≈ Green Suede
- 5381AF
≈ Azul Pavo Real
분열 보색 +150° +210°
- AA6772
Berry Crush
- 4B8D6B
≈ Aegean Green
- 3589A1
≈ Waikiki
사각 배색 +90° +180° +270°
- AA6772
Berry Crush
- 8A7E3D
≈ Koke Moss
- 2F8E88
≈ Taos Turquoise
- 7378B1
≈ Magic Moment
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.29:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.89:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.89:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--berry-crush: #aa6772;
--berry-crush-rgb: 170 103 114;
--berry-crush-oklch: oklch(0.59 0.087 9.4);
}
.element {
color: var(--berry-crush);
background-color: hsl(350 28% 54%);
border-color: oklch(0.59 0.087 9.4);
}Tailwind CSS v4
@theme {
--color-berry-crush: #aa6772;
--color-berry-crush-50: #ffecef;
--color-berry-crush-100: #ffdde0;
--color-berry-crush-200: #f7c6cb;
--color-berry-crush-300: #e0a5ac;
--color-berry-crush-400: #cc8993;
--color-berry-crush-500: #b86d79;
--color-berry-crush-600: #9b5d67;
--color-berry-crush-700: #7c4a52;
--color-berry-crush-800: #5c353d;
--color-berry-crush-900: #40242a;
--color-berry-crush-950: #291317;
}SCSS
$berry-crush: #aa6772;
$berry-crush-rgb: 170, 103, 114;
$berry-crush-light: mix(#fff, $berry-crush, 20%);
$berry-crush-dark: mix(#000, $berry-crush, 20%);
.element {
color: $berry-crush;
box-shadow: 0 0 0 2px rgba($berry-crush, 0.35);
}