Benannte Farbe · #DD7755
Peachy Scene
Peachy Scene ist #DD7755: rgb(221 119 85), hsl(15 67% 60%), oklch(0.677 0.136 39). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Peachy Scene color name →
#DD7755
oklch(0.677 0.136 39)
Farbumrechnungen
- HEX
- #dd7755
- RGB
- rgb(221 119 85)
- HSL
- hsl(15 67% 60%)
- HWB
- hwb(15 33% 13%)
- OKLCH
- oklch(0.677 0.136 39)
- OKLab
- oklab(0.677 0.106 0.086)
- CIE Lab
- lab(61.54 38.49 37.13)
- LCH
- lch(61.54 53.47 44)
- CMYK
- cmyk(0% 46% 62% 13%)
Tints · Shades · Tones
Tints
- E28566
- E69377
- EBA188
- EFAE99
- F2BCAA
- F5C9BB
- F8D7CB
- FBE4DD
- FDF2EE
Shades
- C06749
- A4573D
- 884731
- 6E3826
- 552A1C
- 3D1C11
- 261008
- 110502
- 020100
Tones
- D4795A
- CB7A60
- C27C64
- B97D69
- B07E6D
- A77F71
- 9E7F75
- 948079
- 8A807D
Farbharmonien
Komplementär +180°
- DD7755
Peachy Scene
- 00A8CA
≈ Gummy Dolphins
Analog -30° +30°
- DD7755
Peachy Scene
- DD7186
≈ Coming up Roses
- CD8624
≈ Harvest at Dusk
Triadisch +120° +240°
- DD7755
Peachy Scene
- 36B078
≈ Link’s Awakening
- 868DEA
≈ Perrywinkle
Geteilt komplementär +150° +210°
- DD7755
Peachy Scene
- 00AEA6
≈ Cozumel
- 4C9DE7
≈ Perfect Days
Tetradisch +90° +180° +270°
- DD7755
Peachy Scene
- 7DA745
≈ Greenery
- 00A8CA
≈ Gummy Dolphins
- B07ED7
≈ Lavender Blossom
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.84:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.84:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--peachy-scene: #dd7755;
--peachy-scene-rgb: 221 119 85;
--peachy-scene-oklch: oklch(0.677 0.136 39);
}
.element {
color: var(--peachy-scene);
background-color: hsl(15 67% 60%);
border-color: oklch(0.677 0.136 39);
}Tailwind CSS v4
@theme {
--color-peachy-scene: #dd7755;
--color-peachy-scene-50: #ffe9d8;
--color-peachy-scene-100: #ffdac5;
--color-peachy-scene-200: #ffc1a8;
--color-peachy-scene-300: #f39f81;
--color-peachy-scene-400: #e28060;
--color-peachy-scene-500: #cf613b;
--color-peachy-scene-600: #af5233;
--color-peachy-scene-700: #8d4228;
--color-peachy-scene-800: #692f1e;
--color-peachy-scene-900: #4a2013;
--color-peachy-scene-950: #300f05;
}SCSS
$peachy-scene: #dd7755;
$peachy-scene-rgb: 221, 119, 85;
$peachy-scene-light: mix(#fff, $peachy-scene, 20%);
$peachy-scene-dark: mix(#000, $peachy-scene, 20%);
.element {
color: $peachy-scene;
box-shadow: 0 0 0 2px rgba($peachy-scene, 0.35);
}