이름 색상 · #B36663
Lasting Impression
Lasting Impression은(는) #B36663: rgb(179 102 99), hsl(2 34% 55%), oklch(0.596 0.1 22.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Lasting Impression color name →
#B36663
oklch(0.596 0.1 22.9)
색상 변환
- HEX
- #b36663
- RGB
- rgb(179 102 99)
- HSL
- hsl(2 34% 55%)
- HWB
- hwb(2 39% 30%)
- OKLCH
- oklch(0.596 0.1 22.9)
- OKLab
- oklab(0.596 0.092 0.039)
- CIE Lab
- lab(52.19 31.41 15.93)
- LCH
- lch(52.19 35.22 26.9)
- CMYK
- cmyk(0% 43% 45% 30%)
틴트 · 셰이드 · 톤
틴트
- BC7572
- C48480
- CC938F
- D4A29F
- DCB1AE
- E3C1BE
- EAD0CE
- F2E0DE
- F8EFEE
셰이드
- 9B5855
- 844A47
- 6E3C3A
- 582F2E
- 432321
- 2F1716
- 1D0C0B
- 0C0403
- 010000
톤
- AF6966
- AA6C69
- A56F6C
- A0726F
- 9B7472
- 967775
- 917978
- 8C7C7A
- 867E7D
색 조화
보색 +180°
- B36663
Lasting Impression
- 0C9099
≈ Splashy
유사색 -30° +30°
- B36663
Lasting Impression
- AD6584
≈ Cure All
- AD6D44
≈ Pale Cordovan
삼각 배색 +120° +240°
- B36663
Lasting Impression
- 5A8E57
≈ Belfast
- 5F7EBB
≈ Watertown
분열 보색 +150° +210°
- B36663
Lasting Impression
- 2D9279
≈ Illuminating Emerald
- 3689B1
≈ Underwater Moonlight
사각 배색 +90° +180° +270°
- B36663
Lasting Impression
- 808539
≈ Majorca Green
- 0C9099
≈ Splashy
- 8173B5
≈ Dahlia Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.20:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.99:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--lasting-impression: #b36663;
--lasting-impression-rgb: 179 102 99;
--lasting-impression-oklch: oklch(0.596 0.1 22.9);
}
.element {
color: var(--lasting-impression);
background-color: hsl(2 34% 55%);
border-color: oklch(0.596 0.1 22.9);
}Tailwind CSS v4
@theme {
--color-lasting-impression: #b36663;
--color-lasting-impression-50: #ffebe7;
--color-lasting-impression-100: #ffdcd7;
--color-lasting-impression-200: #fcc4bf;
--color-lasting-impression-300: #e6a49e;
--color-lasting-impression-400: #d38783;
--color-lasting-impression-500: #bf6a67;
--color-lasting-impression-600: #a25a57;
--color-lasting-impression-700: #824846;
--color-lasting-impression-800: #603433;
--color-lasting-impression-900: #442323;
--color-lasting-impression-950: #2b1212;
}SCSS
$lasting-impression: #b36663;
$lasting-impression-rgb: 179, 102, 99;
$lasting-impression-light: mix(#fff, $lasting-impression, 20%);
$lasting-impression-dark: mix(#000, $lasting-impression, 20%);
.element {
color: $lasting-impression;
box-shadow: 0 0 0 2px rgba($lasting-impression, 0.35);
}