Color con nombre más cercano · #D99854
#D99854
Color con nombre más cercano: Coffee Whip
#D99854 (rgb(217 152 84), hsl(31 64% 59%), oklch(0.73 0.115 65.5)) se parece más al color con nombre Coffee Whip. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D99854
oklch(0.73 0.115 65.5)
Conversiones de color
- HEX
- #d99854
- RGB
- rgb(217 152 84)
- HSL
- hsl(31 64% 59%)
- HWB
- hwb(31 33% 15%)
- OKLCH
- oklch(0.73 0.115 65.5)
- OKLab
- oklab(0.73 0.048 0.105)
- CIE Lab
- lab(68.38 20.13 45.38)
- LCH
- lch(68.38 49.64 66.1)
- CMYK
- cmyk(0% 30% 61% 15%)
Tintes · Sombras · Tonos
Tintes
- DDA267
- E2AD78
- E6B78A
- EAC19B
- EECCAB
- F1D6BC
- F5E0CD
- F8EADD
- FCF5EE
Sombras
- BC8448
- A1703C
- 865C31
- 6C4A26
- 53381B
- 3B2711
- 251708
- 110802
- 020100
Tonos
- D0965A
- C79460
- BE9265
- B68F6A
- AD8D6E
- A48B72
- 9B8876
- 92857A
- 89837D
Armonías de color
Complementario +180°
- D99854
Coffee Whip
- 66AFEB
≈ Blue Jeans
Análogo -30° +30°
- D99854
Coffee Whip
- E68C75
≈ Thundelarra
- BEA74B
≈ Rain Slicker
Triádico +120° +240°
- D99854
Coffee Whip
- 37BFB2
≈ Tint of Turquoise
- B994E1
≈ Bright Lavender
Complementario dividido +150° +210°
- D99854
Coffee Whip
- 38B9D5
≈ Holiday Blue
- 93A1F0
≈ Cold Lips
Tetrádico +90° +180° +270°
- D99854
Coffee Whip
- 66BD88
≈ Young Bamboo
- 66AFEB
≈ Blue Jeans
- D58BC4
≈ Cyclamen
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.56:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--coffee-whip: #d99854;
--coffee-whip-rgb: 217 152 84;
--coffee-whip-oklch: oklch(0.73 0.115 65.5);
}
.element {
color: var(--coffee-whip);
background-color: hsl(31 64% 59%);
border-color: oklch(0.73 0.115 65.5);
}Tailwind CSS v4
@theme {
--color-coffee-whip: #d99854;
--color-coffee-whip-50: #fff0d3;
--color-coffee-whip-100: #ffe1c0;
--color-coffee-whip-200: #f6cca0;
--color-coffee-whip-300: #dfac76;
--color-coffee-whip-400: #cd9050;
--color-coffee-whip-500: #b97420;
--color-coffee-whip-600: #9c631e;
--color-coffee-whip-700: #7e4f18;
--color-coffee-whip-800: #5e3910;
--color-coffee-whip-900: #42270a;
--color-coffee-whip-950: #2a1500;
}SCSS
$coffee-whip: #d99854;
$coffee-whip-rgb: 217, 152, 84;
$coffee-whip-light: mix(#fff, $coffee-whip, 20%);
$coffee-whip-dark: mix(#000, $coffee-whip, 20%);
.element {
color: $coffee-whip;
box-shadow: 0 0 0 2px rgba($coffee-whip, 0.35);
}