Colore con nome più vicino · #D99D59
#D99D59
Colore con nome più vicino: Coffee Whip
#D99D59 (rgb(217 157 89), hsl(32 63% 60%), oklch(0.74 0.111 68.1)) è più vicino al colore con nome Coffee Whip. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D99D59
oklch(0.74 0.111 68.1)
Conversioni di colore
- HEX
- #d99d59
- RGB
- rgb(217 157 89)
- HSL
- hsl(32 63% 60%)
- HWB
- hwb(32 35% 15%)
- OKLCH
- oklch(0.74 0.111 68.1)
- OKLab
- oklab(0.74 0.042 0.103)
- CIE Lab
- lab(69.62 17.82 44.31)
- LCH
- lch(69.62 47.76 68.1)
- CMYK
- cmyk(0% 28% 59% 15%)
Tinte · Ombre · Toni
Tinte
- DDA76B
- E1B17C
- E6BB8D
- E9C49D
- EDCEAE
- F1D8BE
- F5E2CE
- F8EBDE
- FCF5EF
Ombre
- BC884C
- A17340
- 865F34
- 6C4C28
- 533A1D
- 3B2813
- 251809
- 110903
- 020100
Toni
- D09A5F
- C79864
- BE9568
- B5926D
- AC8F71
- A48C74
- 9B8977
- 92867B
- 89837D
Armonie di colore
Complementare +180°
- D99D59
Coffee Whip
- 70B1EE
≈ Sanctuary Spa
Analogo -30° +30°
- D99D59
Coffee Whip
- E79177
≈ Warm Welcome
- BDAB53
≈ Star Fruit Yellow Green
Triadico +120° +240°
- D99D59
Coffee Whip
- 40C1B8
≈ Tint of Turquoise
- BE97E1
≈ Bright Lavender
Complementare divisa +150° +210°
- D99D59
Coffee Whip
- 46BBD9
≈ Lake Thun
- 9AA4F0
≈ Cold Lips
Tetradico +90° +180° +270°
- D99D59
Coffee Whip
- 68C090
≈ Young Bamboo
- 70B1EE
≈ Sanctuary Spa
- D88FC3
≈ Firm Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.91:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--coffee-whip: #d99d59;
--coffee-whip-rgb: 217 157 89;
--coffee-whip-oklch: oklch(0.74 0.111 68.1);
}
.element {
color: var(--coffee-whip);
background-color: hsl(32 63% 60%);
border-color: oklch(0.74 0.111 68.1);
}Tailwind CSS v4
@theme {
--color-coffee-whip: #d99d59;
--color-coffee-whip-50: #fff0d3;
--color-coffee-whip-100: #ffe2c0;
--color-coffee-whip-200: #f3cda1;
--color-coffee-whip-300: #dcae78;
--color-coffee-whip-400: #ca9152;
--color-coffee-whip-500: #b67624;
--color-coffee-whip-600: #9a6421;
--color-coffee-whip-700: #7b501a;
--color-coffee-whip-800: #5c3a12;
--color-coffee-whip-900: #40280b;
--color-coffee-whip-950: #291501;
}SCSS
$coffee-whip: #d99d59;
$coffee-whip-rgb: 217, 157, 89;
$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);
}