Benannte Farbe · #DDD0B6
Dirty Martini
Dirty Martini ist #DDD0B6: rgb(221 208 182), hsl(40 36% 79%), oklch(0.861 0.038 84.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Dirty Martini color name →
#DDD0B6
oklch(0.861 0.038 84.6)
Farbumrechnungen
- HEX
- #ddd0b6
- RGB
- rgb(221 208 182)
- HSL
- hsl(40 36% 79%)
- HWB
- hwb(40 71% 13%)
- OKLCH
- oklch(0.861 0.038 84.6)
- OKLab
- oklab(0.861 0.004 0.038)
- CIE Lab
- lab(84.04 1.54 14.67)
- LCH
- lch(84.04 14.75 84)
- CMYK
- cmyk(0% 6% 18% 13%)
Tints · Shades · Tones
Tints
- E0D5BD
- E4D9C4
- E7DECC
- EBE3D3
- EEE7DA
- F1ECE2
- F5F1E9
- F8F6F0
- FCFAF8
Shades
- C0B59E
- A49A86
- 88806F
- 6E6759
- 554F44
- 3D3930
- 26231D
- 11100C
- 020202
Tones
- D3C8B1
- CABFAB
- C0B7A6
- B7AFA0
- ADA79B
- A49F95
- 9B9790
- 928F8B
- 898885
Farbharmonien
Komplementär +180°
- DDD0B6
Dirty Martini
- C5D2EB
≈ Arctic Glow
Analog -30° +30°
- DDD0B6
Dirty Martini
- E6CBBB
≈ Peach Brick
- D0D5B9
≈ Aloe Wash
Triadisch +120° +240°
- DDD0B6
Dirty Martini
- B6D9DD
≈ Light Watermark
- DFC9E0
≈ Decadial Pink
Geteilt komplementär +150° +210°
- DDD0B6
Dirty Martini
- BAD6E7
≈ Light Tidal Foam
- D2CDE8
≈ Vision
Tetradisch +90° +180° +270°
- DDD0B6
Dirty Martini
- B9DAD0
≈ Serene Breeze
- C5D2EB
≈ Arctic Glow
- E7C8D3
≈ Cradle Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.77:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--dirty-martini: #ddd0b6;
--dirty-martini-rgb: 221 208 182;
--dirty-martini-oklch: oklch(0.861 0.038 84.6);
}
.element {
color: var(--dirty-martini);
background-color: hsl(40 36% 79%);
border-color: oklch(0.861 0.038 84.6);
}Tailwind CSS v4
@theme {
--color-dirty-martini: #ddd0b6;
--color-dirty-martini-50: #faf5e9;
--color-dirty-martini-100: #ede7da;
--color-dirty-martini-200: #dbd4c2;
--color-dirty-martini-300: #c0b7a2;
--color-dirty-martini-400: #a99d86;
--color-dirty-martini-500: #92856a;
--color-dirty-martini-600: #7b705a;
--color-dirty-martini-700: #635a48;
--color-dirty-martini-800: #494134;
--color-dirty-martini-900: #322d23;
--color-dirty-martini-950: #1e1a12;
}SCSS
$dirty-martini: #ddd0b6;
$dirty-martini-rgb: 221, 208, 182;
$dirty-martini-light: mix(#fff, $dirty-martini, 20%);
$dirty-martini-dark: mix(#000, $dirty-martini, 20%);
.element {
color: $dirty-martini;
box-shadow: 0 0 0 2px rgba($dirty-martini, 0.35);
}