이름 색상 · #E8D9BD
Roycroft Vellum
Roycroft Vellum은(는) #E8D9BD: rgb(232 217 189), hsl(39 48% 83%), oklch(0.89 0.041 83.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Roycroft Vellum color name →
#E8D9BD
oklch(0.89 0.041 83.1)
색상 변환
- HEX
- #e8d9bd
- RGB
- rgb(232 217 189)
- HSL
- hsl(39 48% 83%)
- HWB
- hwb(39 74% 9%)
- OKLCH
- oklch(0.89 0.041 83.1)
- OKLab
- oklab(0.89 0.005 0.04)
- CIE Lab
- lab(87.38 2.04 15.81)
- LCH
- lch(87.38 15.94 82.7)
- CMYK
- cmyk(0% 6% 19% 9%)
틴트 · 셰이드 · 톤
틴트
- EADDC4
- EDE1CA
- EFE4D1
- F1E8D7
- F4ECDE
- F6F0E5
- F8F4EB
- FAF7F2
- FDFBF8
셰이드
- CABCA4
- ACA18C
- 908674
- 746C5D
- 595347
- 403B33
- 29251F
- 13110D
- 030202
톤
- DDD0B7
- D2C7B1
- C8BDAA
- BDB4A4
- B3AC9E
- A8A398
- 9E9A92
- 94918C
- 8A8986
색 조화
보색 +180°
- E8D9BD
Roycroft Vellum
- CDDBF7
≈ Icy Plains
유사색 -30° +30°
- E8D9BD
Roycroft Vellum
- F2D4C2
≈ Melon Pink
- DADEC0
≈ Soft Vellum
삼각 배색 +120° +240°
- E8D9BD
Roycroft Vellum
- BCE3E7
≈ Icy Water
- E9D2EB
≈ Lavender Princess
분열 보색 +150° +210°
- E8D9BD
Roycroft Vellum
- C1E0F2
≈ Tropical Pool
- DBD6F4
≈ Japan Blush
사각 배색 +90° +180° +270°
- E8D9BD
Roycroft Vellum
- C0E4D8
≈ Jade Spell
- CDDBF7
≈ Icy Plains
- F2D0DD
≈ Ballerina
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.39:1 · APCA Lc 19
Ag
AAA검은색 위
WCAG 15.09:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 15.09:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--roycroft-vellum: #e8d9bd;
--roycroft-vellum-rgb: 232 217 189;
--roycroft-vellum-oklch: oklch(0.89 0.041 83.1);
}
.element {
color: var(--roycroft-vellum);
background-color: hsl(39 48% 83%);
border-color: oklch(0.89 0.041 83.1);
}Tailwind CSS v4
@theme {
--color-roycroft-vellum: #e8d9bd;
--color-roycroft-vellum-50: #faf5e8;
--color-roycroft-vellum-100: #eee7d9;
--color-roycroft-vellum-200: #dcd3c1;
--color-roycroft-vellum-300: #c1b6a0;
--color-roycroft-vellum-400: #aa9d84;
--color-roycroft-vellum-500: #938468;
--color-roycroft-vellum-600: #7d7058;
--color-roycroft-vellum-700: #645946;
--color-roycroft-vellum-800: #4a4132;
--color-roycroft-vellum-900: #332d22;
--color-roycroft-vellum-950: #1f1a11;
}SCSS
$roycroft-vellum: #e8d9bd;
$roycroft-vellum-rgb: 232, 217, 189;
$roycroft-vellum-light: mix(#fff, $roycroft-vellum, 20%);
$roycroft-vellum-dark: mix(#000, $roycroft-vellum, 20%);
.element {
color: $roycroft-vellum;
box-shadow: 0 0 0 2px rgba($roycroft-vellum, 0.35);
}