Color con nombre · #804E2C
Korma
Korma es #804E2C: rgb(128 78 44), hsl(24 49% 34%), oklch(0.474 0.083 53.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Brown mean? → · Korma color name →
#804E2C
oklch(0.474 0.083 53.5)
Conversiones de color
- HEX
- #804e2c
- RGB
- rgb(128 78 44)
- HSL
- hsl(24 49% 34%)
- HWB
- hwb(24 17% 50%)
- OKLCH
- oklch(0.474 0.083 53.5)
- OKLab
- oklab(0.474 0.049 0.067)
- CIE Lab
- lab(38.58 19.18 29.06)
- LCH
- lch(38.58 34.82 56.6)
- CMYK
- cmyk(0% 39% 66% 50%)
Tintes · Sombras · Tonos
Tintes
- 8D5F40
- 9A6F55
- A68169
- B3927D
- C0A392
- CCB5A7
- D9C7BD
- E6DAD2
- F2ECE8
Sombras
- 6E4325
- 5D381E
- 4D2D17
- 3D2311
- 2E190A
- 1F0F05
- 120702
- 060201
- 010000
Tonos
- 815335
- 81583E
- 815E47
- 82634F
- 826857
- 826D60
- 817168
- 817670
- 817B78
Armonías de color
Complementario +180°
- 804E2C
Korma
- 216383
≈ Georgian Bay
Análogo -30° +30°
- 804E2C
Korma
- 844845
≈ Think Brick
- 72571C
≈ Coffee Adept
Triádico +120° +240°
Complementario dividido +150° +210°
- 804E2C
Korma
- 006970
≈ Tahitian Treat
- 435B8B
≈ Anchor Point
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.89:1 · APCA Lc 84
Ag
FailSobre negro
WCAG 3.04:1 · APCA Lc 18
Mejor color de texto: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--korma: #804e2c;
--korma-rgb: 128 78 44;
--korma-oklch: oklch(0.474 0.083 53.5);
}
.element {
color: var(--korma);
background-color: hsl(24 49% 34%);
border-color: oklch(0.474 0.083 53.5);
}Tailwind CSS v4
@theme {
--color-korma: #804e2c;
--color-korma-50: #fff0df;
--color-korma-100: #ffe1ce;
--color-korma-200: #f1ccb3;
--color-korma-300: #d9ad8f;
--color-korma-400: #c69170;
--color-korma-500: #b17650;
--color-korma-600: #966444;
--color-korma-700: #785036;
--color-korma-800: #593a27;
--color-korma-900: #3e281a;
--color-korma-950: #28160b;
}SCSS
$korma: #804e2c;
$korma-rgb: 128, 78, 44;
$korma-light: mix(#fff, $korma, 20%);
$korma-dark: mix(#000, $korma, 20%);
.element {
color: $korma;
box-shadow: 0 0 0 2px rgba($korma, 0.35);
}