Benannte Farbe · #F4A384
Creamy Peach
Creamy Peach ist #F4A384: rgb(244 163 132), hsl(17 84% 74%), oklch(0.788 0.106 41.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Creamy Peach color name →
#F4A384
oklch(0.788 0.106 41.7)
Farbumrechnungen
- HEX
- #f4a384
- RGB
- rgb(244 163 132)
- HSL
- hsl(17 84% 74%)
- HWB
- hwb(17 52% 4%)
- OKLCH
- oklch(0.788 0.106 41.7)
- OKLab
- oklab(0.788 0.079 0.07)
- CIE Lab
- lab(74.69 28.37 29.03)
- LCH
- lch(74.69 40.59 45.7)
- CMYK
- cmyk(0% 33% 46% 4%)
Tints · Shades · Tones
Tints
- F6AC90
- F8B69D
- F9BFA9
- FBC8B5
- FCD1C1
- FDDBCE
- FEE4DA
- FEEDE6
- FFF6F3
Shades
- D48D72
- B57860
- 97634F
- 7A4F3F
- 5E3C2F
- 442A20
- 2B1912
- 140A06
- 030101
Tones
- E8A084
- DD9C84
- D19984
- C69684
- BA9283
- AE8F83
- A38B82
- 978882
- 8C8481
Farbharmonien
Komplementär +180°
- F4A384
Creamy Peach
- 63C9EA
≈ Spritzig
Analog -30° +30°
- F4A384
Creamy Peach
- F59DA8
≈ Sweet 60
- E4AF6B
≈ Mac N Cheese
Triadisch +120° +240°
- F4A384
Creamy Peach
- 77CFA5
≈ Crystal Gem
- AEB2FC
≈ Winterspring Lilac
Geteilt komplementär +150° +210°
- F4A384
Creamy Peach
- 5AD0CB
≈ Medium Turquoise
- 87BEFC
≈ Scenic Water
Tetradisch +90° +180° +270°
- F4A384
Creamy Peach
- A1C880
≈ Frenzy Plant
- 63C9EA
≈ Spritzig
- D0A6EC
≈ Bright Ube
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.01:1 · APCA Lc 39
Ag
AAAAuf Schwarz
WCAG 10.41:1 · APCA Lc 63
Beste Textfarbe: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
Code-Snippets
CSS
:root {
--creamy-peach: #f4a384;
--creamy-peach-rgb: 244 163 132;
--creamy-peach-oklch: oklch(0.788 0.106 41.7);
}
.element {
color: var(--creamy-peach);
background-color: hsl(17 84% 74%);
border-color: oklch(0.788 0.106 41.7);
}Tailwind CSS v4
@theme {
--color-creamy-peach: #f4a384;
--color-creamy-peach-50: #ffecdd;
--color-creamy-peach-100: #ffddcc;
--color-creamy-peach-200: #fcc6b0;
--color-creamy-peach-300: #e6a68b;
--color-creamy-peach-400: #d4896c;
--color-creamy-peach-500: #c06c4c;
--color-creamy-peach-600: #a25c41;
--color-creamy-peach-700: #824a33;
--color-creamy-peach-800: #613525;
--color-creamy-peach-900: #442419;
--color-creamy-peach-950: #2c120a;
}SCSS
$creamy-peach: #f4a384;
$creamy-peach-rgb: 244, 163, 132;
$creamy-peach-light: mix(#fff, $creamy-peach, 20%);
$creamy-peach-dark: mix(#000, $creamy-peach, 20%);
.element {
color: $creamy-peach;
box-shadow: 0 0 0 2px rgba($creamy-peach, 0.35);
}