이름 색상 · #E3C9A1
Biltmore Buff
Biltmore Buff은(는) #E3C9A1: rgb(227 201 161), hsl(36 54% 76%), oklch(0.848 0.061 78.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Biltmore Buff color name →
#E3C9A1
oklch(0.848 0.061 78.4)
색상 변환
- HEX
- #e3c9a1
- RGB
- rgb(227 201 161)
- HSL
- hsl(36 54% 76%)
- HWB
- hwb(36 63% 11%)
- OKLCH
- oklch(0.848 0.061 78.4)
- OKLab
- oklab(0.848 0.012 0.059)
- CIE Lab
- lab(82.44 5.1 23.59)
- LCH
- lch(82.44 24.14 77.8)
- CMYK
- cmyk(0% 11% 29% 11%)
틴트 · 셰이드 · 톤
틴트
- E6CEAA
- E9D4B4
- ECD9BD
- EEDFC7
- F1E4D0
- F4E9D9
- F7EFE3
- F9F4EC
- FCFAF6
셰이드
- C5AE8B
- A89576
- 8C7C62
- 71644E
- 574C3C
- 3F362A
- 272219
- 120F09
- 030201
톤
- D9C19E
- CEBA9B
- C4B398
- BAAB94
- B0A491
- A79D8E
- 9D958A
- 938E87
- 898783
색 조화
보색 +180°
- E3C9A1
Biltmore Buff
- B5CFF5
≈ Ice Cold Stare
유사색 -30° +30°
- E3C9A1
Biltmore Buff
- EFC2AB
≈ Soft Orange
- D0D1A3
≈ Calming Effect
삼각 배색 +120° +240°
- E3C9A1
Biltmore Buff
- 9EDADC
≈ Lake Reflection
- DEC1E7
≈ Glittering Gemstone
분열 보색 +150° +210°
- E3C9A1
Biltmore Buff
- A4D6ED
≈ Soft Summer Rain
- CBC7F3
≈ Soap
사각 배색 +90° +180° +270°
- E3C9A1
Biltmore Buff
- A7DAC6
≈ Southern Belle
- B5CFF5
≈ Ice Cold Stare
- ECBED4
≈ Cherry Cordial
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.13:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.13:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--biltmore-buff: #e3c9a1;
--biltmore-buff-rgb: 227 201 161;
--biltmore-buff-oklch: oklch(0.848 0.061 78.4);
}
.element {
color: var(--biltmore-buff);
background-color: hsl(36 54% 76%);
border-color: oklch(0.848 0.061 78.4);
}Tailwind CSS v4
@theme {
--color-biltmore-buff: #e3c9a1;
--color-biltmore-buff-50: #fef4e2;
--color-biltmore-buff-100: #f3e6d2;
--color-biltmore-buff-200: #e2d2b8;
--color-biltmore-buff-300: #c8b595;
--color-biltmore-buff-400: #b29b76;
--color-biltmore-buff-500: #9c8258;
--color-biltmore-buff-600: #846e4b;
--color-biltmore-buff-700: #6a583b;
--color-biltmore-buff-800: #4e402a;
--color-biltmore-buff-900: #372c1c;
--color-biltmore-buff-950: #21190d;
}SCSS
$biltmore-buff: #e3c9a1;
$biltmore-buff-rgb: 227, 201, 161;
$biltmore-buff-light: mix(#fff, $biltmore-buff, 20%);
$biltmore-buff-dark: mix(#000, $biltmore-buff, 20%);
.element {
color: $biltmore-buff;
box-shadow: 0 0 0 2px rgba($biltmore-buff, 0.35);
}