Color con nombre · #B5A18A
Midtown
Midtown es #B5A18A: rgb(181 161 138), hsl(32 23% 63%), oklch(0.72 0.04 71). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Midtown color name →
#B5A18A
oklch(0.72 0.04 71)
Conversiones de color
- HEX
- #b5a18a
- RGB
- rgb(181 161 138)
- HSL
- hsl(32 23% 63%)
- HWB
- hwb(32 54% 29%)
- OKLCH
- oklch(0.72 0.04 71)
- OKLab
- oklab(0.72 0.013 0.038)
- CIE Lab
- lab(67.55 4.85 14.84)
- LCH
- lch(67.55 15.62 71.9)
- CMYK
- cmyk(0% 11% 24% 29%)
Tintes · Sombras · Tonos
Tintes
- BCAA95
- C4B3A1
- CBBCAC
- D2C6B8
- DACFC3
- E1D9CF
- E8E2DB
- F0ECE7
- F7F5F3
Sombras
- 9D8B77
- 867665
- 6F6253
- 594E42
- 443C32
- 302A22
- 1D1914
- 0C0907
- 020101
Tonos
- B09E89
- AA9A88
- A59787
- A09486
- 9A9085
- 958D84
- 908A83
- 8A8782
- 858381
Armonías de color
Complementario +180°
- B5A18A
Midtown
- 93A7BD
≈ Paris
Análogo -30° +30°
- B5A18A
Midtown
- BC9D92
≈ Coca Mocha
- AAA689
≈ Stone
Triádico +120° +240°
- B5A18A
Midtown
- 89ADAB
≈ Hydrology
- AD9EB8
≈ Fragrant Satchel
Complementario dividido +150° +210°
- B5A18A
Midtown
- 8AABB6
≈ Aquitaine
- A0A2BE
≈ Blue Buzz
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.42:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--midtown: #b5a18a;
--midtown-rgb: 181 161 138;
--midtown-oklch: oklch(0.72 0.04 71);
}
.element {
color: var(--midtown);
background-color: hsl(32 23% 63%);
border-color: oklch(0.72 0.04 71);
}Tailwind CSS v4
@theme {
--color-midtown: #b5a18a;
--color-midtown-50: #fcf4e9;
--color-midtown-100: #f0e6da;
--color-midtown-200: #dfd2c2;
--color-midtown-300: #c4b5a2;
--color-midtown-400: #ae9b85;
--color-midtown-500: #97826a;
--color-midtown-600: #806e5a;
--color-midtown-700: #665847;
--color-midtown-800: #4c4034;
--color-midtown-900: #352c23;
--color-midtown-950: #201912;
}SCSS
$midtown: #b5a18a;
$midtown-rgb: 181, 161, 138;
$midtown-light: mix(#fff, $midtown, 20%);
$midtown-dark: mix(#000, $midtown, 20%);
.element {
color: $midtown;
box-shadow: 0 0 0 2px rgba($midtown, 0.35);
}