Color con nombre · #7F7860
String Deep
String Deep es #7F7860: rgb(127 120 96), hsl(46 14% 44%), oklch(0.572 0.036 93.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · String Deep color name →
#7F7860
oklch(0.572 0.036 93.7)
Conversiones de color
- HEX
- #7f7860
- RGB
- rgb(127 120 96)
- HSL
- hsl(46 14% 44%)
- HWB
- hwb(46 38% 50%)
- OKLCH
- oklch(0.572 0.036 93.7)
- OKLab
- oklab(0.572 -0.002 0.036)
- CIE Lab
- lab(50.56 -0.31 14.26)
- LCH
- lch(50.56 14.26 91.2)
- CMYK
- cmyk(0% 6% 24% 50%)
Tintes · Sombras · Tonos
Tintes
- 8B856F
- 97927E
- A49F8D
- B0AC9D
- BDB9AD
- CAC7BD
- D7D5CD
- E4E3DD
- F1F1EE
Sombras
- 6E6752
- 5D5745
- 4C4838
- 3C392C
- 2D2A20
- 1F1D15
- 11100A
- 060503
- 010100
Tonos
- 7F7963
- 7F7A67
- 7F7A6A
- 7F7B6D
- 7F7C70
- 807D73
- 807E77
- 807E7A
- 807F7D
Armonías de color
Complementario +180°
- 7F7860
String Deep
- 71778E
≈ Little Theatre
Análogo -30° +30°
- 7F7860
String Deep
- 887462
≈ Tree Branch
- 737C65
≈ Limed Ash
Triádico +120° +240°
- 7F7860
String Deep
- 607E85
≈ Refuge
- 867081
≈ Sapphire Pink
Complementario dividido +150° +210°
- 7F7860
String Deep
- 667B8C
≈ Pier 17 Steel
- 7C738A
≈ Dancing in the Spring
Tetrádico +90° +180° +270°
- 7F7860
String Deep
- 607F7A
≈ Teal Stencil
- 71778E
≈ Little Theatre
- 8B6F76
≈ Myself
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.41:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.75:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.75:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--string-deep: #7f7860;
--string-deep-rgb: 127 120 96;
--string-deep-oklch: oklch(0.572 0.036 93.7);
}
.element {
color: var(--string-deep);
background-color: hsl(46 14% 44%);
border-color: oklch(0.572 0.036 93.7);
}Tailwind CSS v4
@theme {
--color-string-deep: #7f7860;
--color-string-deep-50: #f8f5ea;
--color-string-deep-100: #ebe8db;
--color-string-deep-200: #d9d4c3;
--color-string-deep-300: #bdb8a3;
--color-string-deep-400: #a59e87;
--color-string-deep-500: #8e866b;
--color-string-deep-600: #78725b;
--color-string-deep-700: #605b49;
--color-string-deep-800: #474234;
--color-string-deep-900: #312e24;
--color-string-deep-950: #1d1a12;
}SCSS
$string-deep: #7f7860;
$string-deep-rgb: 127, 120, 96;
$string-deep-light: mix(#fff, $string-deep, 20%);
$string-deep-dark: mix(#000, $string-deep, 20%);
.element {
color: $string-deep;
box-shadow: 0 0 0 2px rgba($string-deep, 0.35);
}