Benannte Farbe · #D5B688
Dubloon
Dubloon ist #D5B688: rgb(213 182 136), hsl(36 48% 68%), oklch(0.792 0.071 77.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dubloon color name →
#D5B688
oklch(0.792 0.071 77.3)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D9BD94
- DEC4A0
- E2CCAC
- E6D3B7
- EADAC3
- EEE2CF
- F3E9DB
- F7F0E7
- FBF8F3
Shades
- B99E75
- 9E8663
- 836F52
- 6A5941
- 514431
- 3A3022
- 241D13
- 100C06
- 020201
Tones
- CCB188
- C4AB87
- BBA687
- B2A086
- AA9B85
- A19584
- 999083
- 918B82
- 888581
Farbharmonien
Komplementär +180°
- D5B688
Dubloon
- 9FBDE9
≈ Gallery Blue
Analog -30° +30°
- D5B688
Dubloon
- E2AE95
≈ Hush Puppy
- C0BF8A
≈ Kiss a Frog
Triadisch +120° +240°
- D5B688
Dubloon
- 83CACB
≈ White Ultramarine
- CEAEDA
≈ Cherish the Moment
Geteilt komplementär +150° +210°
- D5B688
Dubloon
- 8AC5DF
≈ Sky Fall
- B8B5E7
≈ Beloved
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.93:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.87:1 · APCA Lc 65
Beste Textfarbe: #000000
WCAG 10.87:1 (AAA) · APCA Lc 65
Contrast pairs
Code-Snippets
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);
}