이름 색상 · #E5A2AB
Berry Riche
Berry Riche은(는) #E5A2AB: rgb(229 162 171), hsl(352 56% 77%), oklch(0.779 0.08 10.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Berry Riche color name →
#E5A2AB
oklch(0.779 0.08 10.2)
색상 변환
- HEX
- #e5a2ab
- RGB
- rgb(229 162 171)
- HSL
- hsl(352 56% 77%)
- HWB
- hwb(352 64% 10%)
- OKLCH
- oklch(0.779 0.08 10.2)
- OKLab
- oklab(0.779 0.079 0.014)
- CIE Lab
- lab(73.42 26.48 5.81)
- LCH
- lch(73.42 27.11 12.4)
- CMYK
- cmyk(0% 29% 25% 10%)
틴트 · 셰이드 · 톤
틴트
- E8ABB3
- EBB4BB
- EEBEC4
- F1C7CC
- F4D0D4
- F6DADD
- F9E3E5
- FBECEE
- FDF6F6
셰이드
- C78C94
- AA777E
- 8E6368
- 724F54
- 583C40
- 3F2A2D
- 28191B
- 120A0B
- 030101
톤
- DB9FA7
- D19BA2
- C7989E
- BC959A
- B29195
- A88E91
- 9E8B8D
- 948788
- 8A8484
색 조화
보색 +180°
- E5A2AB
Berry Riche
- 77C8C2
≈ Cyantific
유사색 -30° +30°
- E5A2AB
Berry Riche
- DBA3C7
≈ Pastel Lavender
- E4A690
≈ Priceless Coral
삼각 배색 +120° +240°
- E5A2AB
Berry Riche
- A6C28C
≈ Cos
- 90BBE9
≈ Blue Shutters
분열 보색 +150° +210°
- E5A2AB
Berry Riche
- 89C7A6
≈ Aqua Eden
- 7AC3DB
≈ Ocean Horizon
사각 배색 +90° +180° +270°
- E5A2AB
Berry Riche
- C2B97C
≈ Slippery Moss
- 77C8C2
≈ Cyantific
- ADB2EA
≈ Maximum Blue Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.08:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.08:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--berry-riche: #e5a2ab;
--berry-riche-rgb: 229 162 171;
--berry-riche-oklch: oklch(0.779 0.08 10.2);
}
.element {
color: var(--berry-riche);
background-color: hsl(352 56% 77%);
border-color: oklch(0.779 0.08 10.2);
}Tailwind CSS v4
@theme {
--color-berry-riche: #e5a2ab;
--color-berry-riche-50: #ffecef;
--color-berry-riche-100: #ffdee1;
--color-berry-riche-200: #f5c7cb;
--color-berry-riche-300: #dda7ac;
--color-berry-riche-400: #c98b93;
--color-berry-riche-500: #b46f7a;
--color-berry-riche-600: #985e67;
--color-berry-riche-700: #7a4b52;
--color-berry-riche-800: #5a363d;
--color-berry-riche-900: #3f252a;
--color-berry-riche-950: #281417;
}SCSS
$berry-riche: #e5a2ab;
$berry-riche-rgb: 229, 162, 171;
$berry-riche-light: mix(#fff, $berry-riche, 20%);
$berry-riche-dark: mix(#000, $berry-riche, 20%);
.element {
color: $berry-riche;
box-shadow: 0 0 0 2px rgba($berry-riche, 0.35);
}