이름 색상 · #E3C1B3
Sunwashed Brick
Sunwashed Brick은(는) #E3C1B3: rgb(227 193 179), hsl(18 46% 80%), oklch(0.836 0.044 43.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Sunwashed Brick color name →
#E3C1B3
oklch(0.836 0.044 43.6)
색상 변환
- HEX
- #e3c1b3
- RGB
- rgb(227 193 179)
- HSL
- hsl(18 46% 80%)
- HWB
- hwb(18 70% 11%)
- OKLCH
- oklch(0.836 0.044 43.6)
- OKLab
- oklab(0.836 0.032 0.03)
- CIE Lab
- lab(80.77 10.9 11.8)
- LCH
- lch(80.77 16.07 47.3)
- CMYK
- cmyk(0% 15% 21% 11%)
틴트 · 셰이드 · 톤
틴트
- E6C7BA
- E9CDC2
- ECD3C9
- EFDAD1
- F1E0D9
- F4E6E0
- F7ECE8
- FAF2F0
- FCF9F7
셰이드
- C5A79B
- A88F84
- 8C776E
- 715F58
- 574943
- 3F342F
- 27201D
- 120E0C
- 030201
톤
- D9BAAE
- CFB4A9
- C4ADA3
- BAA79E
- B1A099
- A79A94
- 9D938F
- 938D8A
- 8A8685
색 조화
보색 +180°
- E3C1B3
Sunwashed Brick
- ACD0DF
≈ Flemish Blue
유사색 -30° +30°
- E3C1B3
Sunwashed Brick
- E4BEC1
≈ Ice Hot Pink
- DBC6AB
≈ Sandy Beaches
삼각 배색 +120° +240°
- E3C1B3
Sunwashed Brick
- B1D3C2
≈ Pitcher
- C5C6E6
≈ Powdered Granite
분열 보색 +150° +210°
- E3C1B3
Sunwashed Brick
- A9D3D1
≈ Eton Blue
- B6CCE6
≈ Periwinkle Dream
사각 배색 +90° +180° +270°
- E3C1B3
Sunwashed Brick
- BED0B3
≈ Kiss of Mint
- ACD0DF
≈ Flemish Blue
- D4C2DE
≈ New Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.67:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.54:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.54:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--sunwashed-brick: #e3c1b3;
--sunwashed-brick-rgb: 227 193 179;
--sunwashed-brick-oklch: oklch(0.836 0.044 43.6);
}
.element {
color: var(--sunwashed-brick);
background-color: hsl(18 46% 80%);
border-color: oklch(0.836 0.044 43.6);
}Tailwind CSS v4
@theme {
--color-sunwashed-brick: #e3c1b3;
--color-sunwashed-brick-50: #fff2eb;
--color-sunwashed-brick-100: #f5e4dc;
--color-sunwashed-brick-200: #e5cfc5;
--color-sunwashed-brick-300: #cbb1a5;
--color-sunwashed-brick-400: #b6978a;
--color-sunwashed-brick-500: #a07d6f;
--color-sunwashed-brick-600: #876a5e;
--color-sunwashed-brick-700: #6c554b;
--color-sunwashed-brick-800: #503e37;
--color-sunwashed-brick-900: #382a25;
--color-sunwashed-brick-950: #221814;
}SCSS
$sunwashed-brick: #e3c1b3;
$sunwashed-brick-rgb: 227, 193, 179;
$sunwashed-brick-light: mix(#fff, $sunwashed-brick, 20%);
$sunwashed-brick-dark: mix(#000, $sunwashed-brick, 20%);
.element {
color: $sunwashed-brick;
box-shadow: 0 0 0 2px rgba($sunwashed-brick, 0.35);
}