Cor nomeada · #B8A88A
Sepia Tone
Sepia Tone é #B8A88A: rgb(184 168 138), hsl(39 24% 63%), oklch(0.737 0.045 83.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Sepia Tone color name →
#B8A88A
oklch(0.737 0.045 83.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- BFB095
- C6B9A1
- CDC2AC
- D4CAB8
- DBD3C3
- E2DCCF
- E9E4DB
- F1EDE7
- F8F6F3
Sombras
- A09277
- 887C65
- 716753
- 5B5242
- 453F32
- 312C22
- 1E1A14
- 0C0A07
- 020101
Tons
- B2A489
- ADA088
- A79C87
- A19886
- 9C9485
- 969084
- 908C83
- 8B8882
- 858481
Harmonias de cor
Complementar +180°
- B8A88A
Sepia Tone
- 9BAAC7
≈ Scorpion Grass Blue
Análoga -30° +30°
- B8A88A
Sepia Tone
- C2A390
≈ Interface Tan
- AAAE8D
≈ Verde Tortuga
Tríade +120° +240°
- B8A88A
Sepia Tone
- 89B3B7
≈ Summit
- B8A1BB
≈ Svelte
Complementar dividida +150° +210°
- B8A88A
Sepia Tone
- 8EB0C2
≈ Bermuda Blue
- ABA5C5
≈ Fife
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASobre preto
WCAG 9.00:1 · APCA Lc 56
Melhor cor de texto: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
Trechos de código
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);
}