이름 색상 · #B8A88A
Sepia Tone
Sepia Tone은(는) #B8A88A: rgb(184 168 138), hsl(39 24% 63%), oklch(0.737 0.045 83.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sepia Tone color name →
#B8A88A
oklch(0.737 0.045 83.1)
색상 변환
- HEX
- #b8a88a
- RGB
- rgb(184 168 138)
- HSL
- hsl(39 24% 63%)
- HWB
- hwb(39 54% 28%)
- OKLCH
- oklch(0.737 0.045 83.1)
- OKLab
- oklab(0.737 0.005 0.045)
- CIE Lab
- lab(69.67 2.46 17.78)
- LCH
- lch(69.67 17.95 82.1)
- CMYK
- cmyk(0% 9% 25% 28%)
틴트 · 셰이드 · 톤
틴트
- BFB095
- C6B9A1
- CDC2AC
- D4CAB8
- DBD3C3
- E2DCCF
- E9E4DB
- F1EDE7
- F8F6F3
셰이드
- A09277
- 887C65
- 716753
- 5B5242
- 453F32
- 312C22
- 1E1A14
- 0C0A07
- 020101
톤
- B2A489
- ADA088
- A79C87
- A19886
- 9C9485
- 969084
- 908C83
- 8B8882
- 858481
색 조화
보색 +180°
- B8A88A
Sepia Tone
- 9BAAC7
≈ Scorpion Grass Blue
유사색 -30° +30°
- B8A88A
Sepia Tone
- C2A390
≈ Interface Tan
- AAAE8D
≈ Verde Tortuga
삼각 배색 +120° +240°
- B8A88A
Sepia Tone
- 89B3B7
≈ Summit
- B8A1BB
≈ Svelte
분열 보색 +150° +210°
- B8A88A
Sepia Tone
- 8EB0C2
≈ Bermuda Blue
- ABA5C5
≈ Fife
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.00:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--sepia-tone: #b8a88a;
--sepia-tone-rgb: 184 168 138;
--sepia-tone-oklch: oklch(0.737 0.045 83.1);
}
.element {
color: var(--sepia-tone);
background-color: hsl(39 24% 63%);
border-color: oklch(0.737 0.045 83.1);
}Tailwind CSS v4
@theme {
--color-sepia-tone: #b8a88a;
--color-sepia-tone-50: #fbf4e7;
--color-sepia-tone-100: #efe7d7;
--color-sepia-tone-200: #ddd3bf;
--color-sepia-tone-300: #c2b69e;
--color-sepia-tone-400: #ac9d80;
--color-sepia-tone-500: #958464;
--color-sepia-tone-600: #7e7055;
--color-sepia-tone-700: #655944;
--color-sepia-tone-800: #4a4131;
--color-sepia-tone-900: #342d21;
--color-sepia-tone-950: #1f1a10;
}SCSS
$sepia-tone: #b8a88a;
$sepia-tone-rgb: 184, 168, 138;
$sepia-tone-light: mix(#fff, $sepia-tone, 20%);
$sepia-tone-dark: mix(#000, $sepia-tone, 20%);
.element {
color: $sepia-tone;
box-shadow: 0 0 0 2px rgba($sepia-tone, 0.35);
}