Colore con nome · #DFBB86
Honey Robber
Honey Robber è #DFBB86: rgb(223 187 134), hsl(36 58% 70%), oklch(0.811 0.081 76.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Honey Robber color name →
#DFBB86
oklch(0.811 0.081 76.9)
Conversioni di colore
- HEX
- #dfbb86
- RGB
- rgb(223 187 134)
- HSL
- hsl(36 58% 70%)
- HWB
- hwb(36 53% 13%)
- OKLCH
- oklch(0.811 0.081 76.9)
- OKLab
- oklab(0.811 0.018 0.078)
- CIE Lab
- lab(78.16 8.1 31.94)
- LCH
- lch(78.16 32.95 75.8)
- CMYK
- cmyk(0% 16% 40% 13%)
Tinte · Ombre · Toni
Tinte
- E2C292
- E6C99F
- E9CFAB
- ECD6B7
- EFDDC3
- F3E4CF
- F6EBDB
- F9F1E7
- FCF8F3
Ombre
- C2A274
- A58A62
- 8A7351
- 6F5C40
- 564630
- 3D3221
- 271F13
- 120D06
- 020201
Toni
- D5B586
- CBAF86
- C2A986
- B8A385
- AF9D85
- A59784
- 9C9283
- 928C82
- 898681
Armonie di colore
Complementare +180°
- DFBB86
Honey Robber
- A0C4F5
≈ Sail to the Sea
Analogo -30° +30°
- DFBB86
Honey Robber
- EEB295
≈ Apricot Preserves
- C7C588
≈ Fiddlehead Fern
Triadico +120° +240°
- DFBB86
Honey Robber
- 7FD2D3
≈ Belize
- D7B2E4
≈ Pretty Petunia
Complementare divisa +150° +210°
- DFBB86
Honey Robber
- 88CCEA
≈ Below Zero
- BDBAF3
≈ Purple Illusion
Tetradico +90° +180° +270°
- DFBB86
Honey Robber
- 8ED2B6
≈ Tropical Trail
- A0C4F5
≈ Sail to the Sea
- E9ADCC
≈ Coral Corn Snake
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.58:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--honey-robber: #dfbb86;
--honey-robber-rgb: 223 187 134;
--honey-robber-oklch: oklch(0.811 0.081 76.9);
}
.element {
color: var(--honey-robber);
background-color: hsl(36 58% 70%);
border-color: oklch(0.811 0.081 76.9);
}Tailwind CSS v4
@theme {
--color-honey-robber: #dfbb86;
--color-honey-robber-50: #fff3dc;
--color-honey-robber-100: #f7e5ca;
--color-honey-robber-200: #e7d1ae;
--color-honey-robber-300: #ceb389;
--color-honey-robber-400: #ba9867;
--color-honey-robber-500: #a47f45;
--color-honey-robber-600: #8b6c3b;
--color-honey-robber-700: #6f562f;
--color-honey-robber-800: #533e21;
--color-honey-robber-900: #3a2b16;
--color-honey-robber-950: #241807;
}SCSS
$honey-robber: #dfbb86;
$honey-robber-rgb: 223, 187, 134;
$honey-robber-light: mix(#fff, $honey-robber, 20%);
$honey-robber-dark: mix(#000, $honey-robber, 20%);
.element {
color: $honey-robber;
box-shadow: 0 0 0 2px rgba($honey-robber, 0.35);
}