Colore con nome · #D5B688
Dubloon
Dubloon è #D5B688: rgb(213 182 136), hsl(36 48% 68%), oklch(0.792 0.071 77.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Dubloon color name →
#D5B688
oklch(0.792 0.071 77.3)
Conversioni di colore
- HEX
- #d5b688
- RGB
- rgb(213 182 136)
- HSL
- hsl(36 48% 68%)
- HWB
- hwb(36 53% 16%)
- OKLCH
- oklch(0.792 0.071 77.3)
- OKLab
- oklab(0.792 0.016 0.069)
- CIE Lab
- lab(75.97 6.76 27.82)
- LCH
- lch(75.97 28.63 76.3)
- CMYK
- cmyk(0% 15% 36% 16%)
Tinte · Ombre · Toni
Tinte
- D9BD94
- DEC4A0
- E2CCAC
- E6D3B7
- EADAC3
- EEE2CF
- F3E9DB
- F7F0E7
- FBF8F3
Ombre
- B99E75
- 9E8663
- 836F52
- 6A5941
- 514431
- 3A3022
- 241D13
- 100C06
- 020201
Toni
- CCB188
- C4AB87
- BBA687
- B2A086
- AA9B85
- A19584
- 999083
- 918B82
- 888581
Armonie di colore
Complementare +180°
- D5B688
Dubloon
- 9FBDE9
≈ Gallery Blue
Analogo -30° +30°
- D5B688
Dubloon
- E2AE95
≈ Hush Puppy
- C0BF8A
≈ Kiss a Frog
Triadico +120° +240°
- D5B688
Dubloon
- 83CACB
≈ White Ultramarine
- CEAEDA
≈ Cherish the Moment
Complementare divisa +150° +210°
- D5B688
Dubloon
- 8AC5DF
≈ Sky Fall
- B8B5E7
≈ Beloved
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.93:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.87:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--dubloon: #d5b688;
--dubloon-rgb: 213 182 136;
--dubloon-oklch: oklch(0.792 0.071 77.3);
}
.element {
color: var(--dubloon);
background-color: hsl(36 48% 68%);
border-color: oklch(0.792 0.071 77.3);
}Tailwind CSS v4
@theme {
--color-dubloon: #d5b688;
--color-dubloon-50: #fff3df;
--color-dubloon-100: #f5e6ce;
--color-dubloon-200: #e5d1b3;
--color-dubloon-300: #cbb48f;
--color-dubloon-400: #b6996f;
--color-dubloon-500: #a0804f;
--color-dubloon-600: #886d43;
--color-dubloon-700: #6d5735;
--color-dubloon-800: #513f26;
--color-dubloon-900: #382b19;
--color-dubloon-950: #23190a;
}SCSS
$dubloon: #d5b688;
$dubloon-rgb: 213, 182, 136;
$dubloon-light: mix(#fff, $dubloon, 20%);
$dubloon-dark: mix(#000, $dubloon, 20%);
.element {
color: $dubloon;
box-shadow: 0 0 0 2px rgba($dubloon, 0.35);
}