色名 · #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);
}