Benannte Farbe · #FFD9A8
Peachy Summer Skies
Peachy Summer Skies ist #FFD9A8: rgb(255 217 168), hsl(34 100% 83%), oklch(0.906 0.076 73.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peachy Summer Skies color name →
#FFD9A8
oklch(0.906 0.076 73.7)
Farbumrechnungen
- HEX
- #ffd9a8
- RGB
- rgb(255 217 168)
- HSL
- hsl(34 100% 83%)
- HWB
- hwb(34 66% 0%)
- OKLCH
- oklch(0.906 0.076 73.7)
- OKLab
- oklab(0.906 0.021 0.073)
- CIE Lab
- lab(89.1 8.72 29.38)
- LCH
- lch(89.1 30.65 73.5)
- CMYK
- cmyk(0% 15% 34% 0%)
Tints · Shades · Tones
Tints
- FFDDB1
- FFE1BA
- FFE5C3
- FFE8CB
- FFECD4
- FFF0DD
- FFF4E5
- FFF8EE
- FFFBF6
Shades
- DEBC92
- BEA17C
- 9E8667
- 806C52
- 63533F
- 483B2C
- 2E251A
- 16110A
- 030201
Tones
- F2D0A4
- E5C7A1
- D8BE9D
- CBB599
- BEAC95
- B1A391
- A59A8D
- 989189
- 8C8984
Farbharmonien
Komplementär +180°
- FFD9A8
Peachy Summer Skies
- CBE2FF
≈ Arc Light
Analog -30° +30°
- FFD9A8
Peachy Summer Skies
- FFD6C5
≈ Tiny Pink
- E8E3A8
≈ Breath of Spring
Triadisch +120° +240°
- FFD9A8
Peachy Summer Skies
- A3F0EE
≈ Hydro Cannon
- F0D4FF
≈ Rose Dragée
Geteilt komplementär +150° +210°
- FFD9A8
Peachy Summer Skies
- B3EAFF
≈ Beyond the Clouds
- DBDDFF
≈ Transparent Blue
Tetradisch +90° +180° +270°
- FFD9A8
Peachy Summer Skies
- B1F1D2
≈ Seafoam Splashes
- CBE2FF
≈ Arc Light
- FFD0EA
≈ Little Smile
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.74:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--peachy-summer-skies: #ffd9a8;
--peachy-summer-skies-rgb: 255 217 168;
--peachy-summer-skies-oklch: oklch(0.906 0.076 73.7);
}
.element {
color: var(--peachy-summer-skies);
background-color: hsl(34 100% 83%);
border-color: oklch(0.906 0.076 73.7);
}Tailwind CSS v4
@theme {
--color-peachy-summer-skies: #ffd9a8;
--color-peachy-summer-skies-50: #fff3de;
--color-peachy-summer-skies-100: #f7e5cc;
--color-peachy-summer-skies-200: #e8d0b1;
--color-peachy-summer-skies-300: #ceb38c;
--color-peachy-summer-skies-400: #ba986c;
--color-peachy-summer-skies-500: #a57e4a;
--color-peachy-summer-skies-600: #8b6b40;
--color-peachy-summer-skies-700: #6f5633;
--color-peachy-summer-skies-800: #533e24;
--color-peachy-summer-skies-900: #3a2b18;
--color-peachy-summer-skies-950: #241809;
}SCSS
$peachy-summer-skies: #ffd9a8;
$peachy-summer-skies-rgb: 255, 217, 168;
$peachy-summer-skies-light: mix(#fff, $peachy-summer-skies, 20%);
$peachy-summer-skies-dark: mix(#000, $peachy-summer-skies, 20%);
.element {
color: $peachy-summer-skies;
box-shadow: 0 0 0 2px rgba($peachy-summer-skies, 0.35);
}