이름 색상 · #E0A28D
Venetian Plaster
Venetian Plaster은(는) #E0A28D: rgb(224 162 141), hsl(15 57% 72%), oklch(0.766 0.08 39.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Venetian Plaster color name →
#E0A28D
oklch(0.766 0.08 39.5)
색상 변환
- HEX
- #e0a28d
- RGB
- rgb(224 162 141)
- HSL
- hsl(15 57% 72%)
- HWB
- hwb(15 55% 12%)
- OKLCH
- oklch(0.766 0.08 39.5)
- OKLab
- oklab(0.766 0.062 0.051)
- CIE Lab
- lab(72.3 21.72 20.52)
- LCH
- lch(72.3 29.88 43.4)
- CMYK
- cmyk(0% 28% 37% 12%)
틴트 · 셰이드 · 톤
틴트
- E4AB98
- E7B4A3
- EBBEAF
- EEC7BA
- F1D0C5
- F4DAD1
- F7E3DC
- FAECE8
- FCF6F3
셰이드
- C38C7A
- A67767
- 8A6355
- 704F44
- 563C33
- 3E2A23
- 271914
- 120A07
- 020101
톤
- D69F8C
- CD9B8B
- C3988A
- B99588
- B09187
- A68E86
- 9D8B84
- 938783
- 8A8481
색 조화
보색 +180°
- E0A28D
Venetian Plaster
- 76BFD6
≈ Cologne
유사색 -30° +30°
- E0A28D
Venetian Plaster
- E09EA8
≈ Nana’s Rose
- D4AA7B
≈ Band-Aid
삼각 배색 +120° +240°
- E0A28D
Venetian Plaster
- 86C3A1
≈ Lark Green
- A8AEE6
≈ Maximum Blue Purple
분열 보색 +150° +210°
- E0A28D
Venetian Plaster
- 73C4BE
≈ Gentle Wave
- 8CB7E4
≈ Adrift on the Nile
사각 배색 +90° +180° +270°
- E0A28D
Venetian Plaster
- A3BE87
≈ Green Herb
- 76BFD6
≈ Cologne
- C2A5DA
≈ Enchanted Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.16:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.72:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--venetian-plaster: #e0a28d;
--venetian-plaster-rgb: 224 162 141;
--venetian-plaster-oklch: oklch(0.766 0.08 39.5);
}
.element {
color: var(--venetian-plaster);
background-color: hsl(15 57% 72%);
border-color: oklch(0.766 0.08 39.5);
}Tailwind CSS v4
@theme {
--color-venetian-plaster: #e0a28d;
--color-venetian-plaster-50: #ffeee4;
--color-venetian-plaster-100: #ffe0d4;
--color-venetian-plaster-200: #f3caba;
--color-venetian-plaster-300: #dcaa98;
--color-venetian-plaster-400: #c88f7b;
--color-venetian-plaster-500: #b4735e;
--color-venetian-plaster-600: #986250;
--color-venetian-plaster-700: #7a4e3f;
--color-venetian-plaster-800: #5a382e;
--color-venetian-plaster-900: #3f271f;
--color-venetian-plaster-950: #28150f;
}SCSS
$venetian-plaster: #e0a28d;
$venetian-plaster-rgb: 224, 162, 141;
$venetian-plaster-light: mix(#fff, $venetian-plaster, 20%);
$venetian-plaster-dark: mix(#000, $venetian-plaster, 20%);
.element {
color: $venetian-plaster;
box-shadow: 0 0 0 2px rgba($venetian-plaster, 0.35);
}