이름 색상 · #42314B
Acai Berry
Acai Berry은(는) #42314B: rgb(66 49 75), hsl(279 21% 24%), oklch(0.343 0.05 313.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Acai Berry color name →
#42314B
oklch(0.343 0.05 313.6)
색상 변환
- HEX
- #42314b
- RGB
- rgb(66 49 75)
- HSL
- hsl(279 21% 24%)
- HWB
- hwb(279 19% 71%)
- OKLCH
- oklch(0.343 0.05 313.6)
- OKLab
- oklab(0.343 0.034 -0.036)
- CIE Lab
- lab(23.14 12.19 -13.11)
- LCH
- lch(23.14 17.9 312.9)
- CMYK
- cmyk(12% 35% 0% 71%)
틴트 · 셰이드 · 톤
틴트
- 53435B
- 64566C
- 76697D
- 887D8F
- 9B92A1
- AEA7B3
- C2BCC6
- D6D2D8
- EAE8EC
셰이드
- 382940
- 2F2235
- 251A2B
- 1C1321
- 140C17
- 0B060E
- 050306
- 010102
- 000000
톤
- 483850
- 4E4055
- 54485B
- 5A5060
- 605765
- 675F6B
- 6D6770
- 736F75
- 7A787B
색 조화
보색 +180°
- 42314B
Acai Berry
- 2E3E23
≈ Turtle Skin
유사색 -30° +30°
- 42314B
Acai Berry
- 353552
≈ Tiě Hēi Metal
- 4B2E3F
≈ Barossa
삼각 배색 +120° +240°
- 42314B
Acai Berry
- 48351A
≈ Café Noir
- 124140
≈ Botanical Night
분열 보색 +150° +210°
- 42314B
Acai Berry
- 3D3A1A
≈ Camouflage
- 1E4132
≈ English Holly
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.84:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.77:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 11.84:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--acai-berry: #42314b;
--acai-berry-rgb: 66 49 75;
--acai-berry-oklch: oklch(0.343 0.05 313.6);
}
.element {
color: var(--acai-berry);
background-color: hsl(279 21% 24%);
border-color: oklch(0.343 0.05 313.6);
}Tailwind CSS v4
@theme {
--color-acai-berry: #42314b;
--color-acai-berry-50: #fbf1ff;
--color-acai-berry-100: #eee3f3;
--color-acai-berry-200: #ddcee3;
--color-acai-berry-300: #c1b0c9;
--color-acai-berry-400: #a996b4;
--color-acai-berry-500: #927d9e;
--color-acai-berry-600: #7c6a85;
--color-acai-berry-700: #63546b;
--color-acai-berry-800: #483e4f;
--color-acai-berry-900: #322a37;
--color-acai-berry-950: #1e1822;
}SCSS
$acai-berry: #42314b;
$acai-berry-rgb: 66, 49, 75;
$acai-berry-light: mix(#fff, $acai-berry, 20%);
$acai-berry-dark: mix(#000, $acai-berry, 20%);
.element {
color: $acai-berry;
box-shadow: 0 0 0 2px rgba($acai-berry, 0.35);
}