Color con nombre · #DFBF9A
More Cowbell
More Cowbell es #DFBF9A: rgb(223 191 154), hsl(32 52% 74%), oklch(0.823 0.061 70.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · More Cowbell color name →
#DFBF9A
oklch(0.823 0.061 70.9)
Conversiones de color
- HEX
- #dfbf9a
- RGB
- rgb(223 191 154)
- HSL
- hsl(32 52% 74%)
- HWB
- hwb(32 60% 13%)
- OKLCH
- oklch(0.823 0.061 70.9)
- OKLab
- oklab(0.823 0.02 0.058)
- CIE Lab
- lab(79.46 7.84 23.18)
- LCH
- lch(79.46 24.47 71.3)
- CMYK
- cmyk(0% 14% 31% 13%)
Tintes · Sombras · Tonos
Tintes
- E2C5A4
- E6CCAE
- E9D2B8
- ECD8C2
- EFDFCC
- F2E5D6
- F6ECE0
- F9F2EB
- FCF9F5
Sombras
- C2A685
- A58D71
- 8A755E
- 6F5E4B
- 564839
- 3D3327
- 271F17
- 120D09
- 020201
Tonos
- D5B998
- CBB295
- C2AC93
- B8A590
- AF9F8E
- A5998B
- 9C9388
- 928C86
- 898683
Armonías de color
Complementario +180°
- DFBF9A
More Cowbell
- A8C9EC
≈ Island Light
Análogo -30° +30°
- DFBF9A
More Cowbell
- E9B9A7
≈ Embrace
- CDC799
≈ Paris Mint
Triádico +120° +240°
- DFBF9A
More Cowbell
- 96D2CE
≈ Summer Soft Blue
- D2BAE3
≈ Drifting Dream
Complementario dividido +150° +210°
- DFBF9A
More Cowbell
- 99CFE1
≈ Perfectly Blue
- BDC1ED
≈ Vodka
Tetrádico +90° +180° +270°
- DFBF9A
More Cowbell
- A3D2B8
≈ Feather Green
- A8C9EC
≈ Island Light
- E2B6D1
≈ Muddy Mauve
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.74:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 12.05:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.05:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--more-cowbell: #dfbf9a;
--more-cowbell-rgb: 223 191 154;
--more-cowbell-oklch: oklch(0.823 0.061 70.9);
}
.element {
color: var(--more-cowbell);
background-color: hsl(32 52% 74%);
border-color: oklch(0.823 0.061 70.9);
}Tailwind CSS v4
@theme {
--color-more-cowbell: #dfbf9a;
--color-more-cowbell-50: #fff3e2;
--color-more-cowbell-100: #f5e5d2;
--color-more-cowbell-200: #e5d1b8;
--color-more-cowbell-300: #cbb395;
--color-more-cowbell-400: #b69977;
--color-more-cowbell-500: #a07f58;
--color-more-cowbell-600: #876c4b;
--color-more-cowbell-700: #6d563c;
--color-more-cowbell-800: #513f2b;
--color-more-cowbell-900: #382b1d;
--color-more-cowbell-950: #23180d;
}SCSS
$more-cowbell: #dfbf9a;
$more-cowbell-rgb: 223, 191, 154;
$more-cowbell-light: mix(#fff, $more-cowbell, 20%);
$more-cowbell-dark: mix(#000, $more-cowbell, 20%);
.element {
color: $more-cowbell;
box-shadow: 0 0 0 2px rgba($more-cowbell, 0.35);
}