Benannte Farbe · #DDAC9A
Shy Time
Shy Time ist #DDAC9A: rgb(221 172 154), hsl(16 50% 74%), oklch(0.784 0.063 41.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Shy Time color name →
#DDAC9A
oklch(0.784 0.063 41.1)
Farbumrechnungen
- HEX
- #ddac9a
- RGB
- rgb(221 172 154)
- HSL
- hsl(16 50% 74%)
- HWB
- hwb(16 60% 13%)
- OKLCH
- oklch(0.784 0.063 41.1)
- OKLab
- oklab(0.784 0.048 0.041)
- CIE Lab
- lab(74.59 16.63 16.53)
- LCH
- lch(74.59 23.45 44.8)
- CMYK
- cmyk(0% 22% 30% 13%)
Tints · Shades · Tones
Tints
- E1B4A4
- E4BCAE
- E8C5B8
- EBCDC2
- EFD5CC
- F2DDD6
- F6E6E0
- F9EEEA
- FCF7F5
Shades
- C09585
- A47F71
- 88695E
- 6E544B
- 554039
- 3D2D27
- 261B17
- 110B09
- 020101
Tones
- D4A897
- CAA395
- C19F92
- B79A90
- AE968D
- A5928B
- 9C8D88
- 928985
- 898483
Farbharmonien
Komplementär +180°
- DDAC9A
Shy Time
- 8BC3D6
≈ Dreaming Blue
Analog -30° +30°
- DDAC9A
Shy Time
- DEA9AF
≈ Raspberry Lemonade
- D3B38D
≈ Summerwood
Triadisch +120° +240°
- DDAC9A
Shy Time
- 95C6AC
≈ Mini Green
- B1B5E1
≈ Beloved
Geteilt komplementär +150° +210°
- DDAC9A
Shy Time
- 89C6C2
≈ Mercury Mist
- 9BBCE1
≈ Aegean Mist
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.01:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.44:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.44:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--shy-time: #ddac9a;
--shy-time-rgb: 221 172 154;
--shy-time-oklch: oklch(0.784 0.063 41.1);
}
.element {
color: var(--shy-time);
background-color: hsl(16 50% 74%);
border-color: oklch(0.784 0.063 41.1);
}Tailwind CSS v4
@theme {
--color-shy-time: #ddac9a;
--color-shy-time-50: #fff0e7;
--color-shy-time-100: #fbe2d7;
--color-shy-time-200: #edccbf;
--color-shy-time-300: #d4ae9e;
--color-shy-time-400: #c09382;
--color-shy-time-500: #ab7866;
--color-shy-time-600: #906656;
--color-shy-time-700: #745145;
--color-shy-time-800: #563b32;
--color-shy-time-900: #3c2822;
--color-shy-time-950: #251611;
}SCSS
$shy-time: #ddac9a;
$shy-time-rgb: 221, 172, 154;
$shy-time-light: mix(#fff, $shy-time, 20%);
$shy-time-dark: mix(#000, $shy-time, 20%);
.element {
color: $shy-time;
box-shadow: 0 0 0 2px rgba($shy-time, 0.35);
}