Color con nombre · #C3A491
Dune Beige
Dune Beige es #C3A491: rgb(195 164 145), hsl(23 29% 67%), oklch(0.741 0.045 53.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Dune Beige color name →
#C3A491
oklch(0.741 0.045 53.3)
Conversiones de color
- HEX
- #c3a491
- RGB
- rgb(195 164 145)
- HSL
- hsl(23 29% 67%)
- HWB
- hwb(23 57% 24%)
- OKLCH
- oklch(0.741 0.045 53.3)
- OKLab
- oklab(0.741 0.027 0.036)
- CIE Lab
- lab(69.8 9.6 14.36)
- LCH
- lch(69.8 17.27 56.2)
- CMYK
- cmyk(0% 16% 26% 24%)
Tintes · Sombras · Tonos
Tintes
- C9AD9C
- CFB6A6
- D5BFB1
- DBC8BC
- E1D1C7
- E7DAD2
- EDE3DD
- F3ECE8
- F9F6F4
Sombras
- A98E7D
- 90796A
- 786458
- 605046
- 4A3D35
- 342B25
- 201A15
- 0E0A07
- 020101
Tonos
- BCA08F
- B59D8E
- AF998C
- A8968A
- A19289
- 9B8E87
- 948B85
- 8D8784
- 878482
Armonías de color
Complementario +180°
- C3A491
Dune Beige
- 90B1C4
≈ Bermuda Blue
Análogo -30° +30°
- C3A491
Dune Beige
- C7A19E
≈ Lady Guinevere
- B9A98B
≈ Sepia Tone
Triádico +120° +240°
- C3A491
Dune Beige
- 8EB5A9
≈ Treetop
- ACA6C6
≈ Instigate
Complementario dividido +150° +210°
- C3A491
Dune Beige
- 8AB4B8
≈ Summit
- 9CACC9
≈ Satin Soft Blue
Tetrádico +90° +180° +270°
- C3A491
Dune Beige
- 9BB399
≈ Copper Patina
- 90B1C4
≈ Bermuda Blue
- BAA2BC
≈ Svelte
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASobre negro
WCAG 9.03:1 · APCA Lc 56
Mejor color de texto: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmentos de código
CSS
:root {
--dune-beige: #c3a491;
--dune-beige-rgb: 195 164 145;
--dune-beige-oklch: oklch(0.741 0.045 53.3);
}
.element {
color: var(--dune-beige);
background-color: hsl(23 29% 67%);
border-color: oklch(0.741 0.045 53.3);
}Tailwind CSS v4
@theme {
--color-dune-beige: #c3a491;
--color-dune-beige-50: #fff2e9;
--color-dune-beige-100: #f5e4da;
--color-dune-beige-200: #e4d0c2;
--color-dune-beige-300: #cab2a2;
--color-dune-beige-400: #b59886;
--color-dune-beige-500: #9f7e6a;
--color-dune-beige-600: #866b5a;
--color-dune-beige-700: #6c5648;
--color-dune-beige-800: #503e34;
--color-dune-beige-900: #372b24;
--color-dune-beige-950: #221812;
}SCSS
$dune-beige: #c3a491;
$dune-beige-rgb: 195, 164, 145;
$dune-beige-light: mix(#fff, $dune-beige, 20%);
$dune-beige-dark: mix(#000, $dune-beige, 20%);
.element {
color: $dune-beige;
box-shadow: 0 0 0 2px rgba($dune-beige, 0.35);
}