Benannte Farbe · #DDCEA7
Stonebread
Stonebread ist #DDCEA7: rgb(221 206 167), hsl(43 44% 76%), oklch(0.854 0.054 89.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Stonebread color name →
#DDCEA7
oklch(0.854 0.054 89.5)
Farbumrechnungen
- HEX
- #ddcea7
- RGB
- rgb(221 206 167)
- HSL
- hsl(43 44% 76%)
- HWB
- hwb(43 65% 13%)
- OKLCH
- oklch(0.854 0.054 89.5)
- OKLab
- oklab(0.854 0 0.054)
- CIE Lab
- lab(83.27 0.92 21.47)
- LCH
- lch(83.27 21.49 87.5)
- CMYK
- cmyk(0% 7% 24% 13%)
Tints · Shades · Tones
Tints
- E0D3B0
- E4D8B9
- E7DDC1
- EBE2CA
- EEE6D3
- F1EBDC
- F5F0E4
- F8F5ED
- FCFAF6
Shades
- C0B391
- A4987B
- 887F66
- 6E6652
- 554E3E
- 3D382C
- 26231A
- 110F0A
- 020201
Tones
- D3C6A3
- CABE9F
- C0B69C
- B7AE98
- ADA694
- A49F90
- 9B978C
- 928F88
- 898884
Farbharmonien
Komplementär +180°
- DDCEA7
Stonebread
- C1CEF4
≈ Frost Fairy
Analog -30° +30°
- DDCEA7
Stonebread
- EBC7AC
≈ Desert Sand
- CAD5AD
≈ Chinese Leaf
Triadisch +120° +240°
- DDCEA7
Stonebread
- A6D9E2
≈ Winsome Hue
- E4C3E0
≈ Sweet Alyssum
Geteilt komplementär +150° +210°
- DDCEA7
Stonebread
- AFD5EF
≈ Ariel
- D4C8EE
≈ Foggy Love
Tetradisch +90° +180° +270°
- DDCEA7
Stonebread
- A9DBD0
≈ Lolly Ice
- C1CEF4
≈ Frost Fairy
- EEC1CE
≈ Azalea Flower
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.56:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.46:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.46:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--stonebread: #ddcea7;
--stonebread-rgb: 221 206 167;
--stonebread-oklch: oklch(0.854 0.054 89.5);
}
.element {
color: var(--stonebread);
background-color: hsl(43 44% 76%);
border-color: oklch(0.854 0.054 89.5);
}Tailwind CSS v4
@theme {
--color-stonebread: #ddcea7;
--color-stonebread-50: #fbf5e4;
--color-stonebread-100: #eee8d4;
--color-stonebread-200: #ddd4bb;
--color-stonebread-300: #c1b798;
--color-stonebread-400: #ab9d7a;
--color-stonebread-500: #94855c;
--color-stonebread-600: #7d704e;
--color-stonebread-700: #645a3e;
--color-stonebread-800: #4a412c;
--color-stonebread-900: #342d1e;
--color-stonebread-950: #1f1a0e;
}SCSS
$stonebread: #ddcea7;
$stonebread-rgb: 221, 206, 167;
$stonebread-light: mix(#fff, $stonebread, 20%);
$stonebread-dark: mix(#000, $stonebread, 20%);
.element {
color: $stonebread;
box-shadow: 0 0 0 2px rgba($stonebread, 0.35);
}