Benannte Farbe · #D89A78
Peach Bloom
Peach Bloom ist #D89A78: rgb(216 154 120), hsl(21 55% 66%), oklch(0.738 0.088 49.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Peach Bloom color name →
#D89A78
oklch(0.738 0.088 49.7)
Farbumrechnungen
- HEX
- #d89a78
- RGB
- rgb(216 154 120)
- HSL
- hsl(21 55% 66%)
- HWB
- hwb(21 47% 15%)
- OKLCH
- oklch(0.738 0.088 49.7)
- OKLab
- oklab(0.738 0.057 0.067)
- CIE Lab
- lab(69.17 20.93 27.56)
- LCH
- lch(69.17 34.61 52.8)
- CMYK
- cmyk(0% 29% 44% 15%)
Tints · Shades · Tones
Tints
- DCA485
- E1AE93
- E5B8A0
- E9C2AD
- EDCCBB
- F1D6C8
- F5E0D6
- F8EBE3
- FCF5F1
Shades
- BC8567
- A07157
- 855E48
- 6B4B39
- 53392A
- 3B271D
- 251710
- 110905
- 020101
Tones
- CF9879
- C6957A
- BE937B
- B5907C
- AC8E7D
- A38B7E
- 9B887F
- 92867F
- 898380
Farbharmonien
Komplementär +180°
- D89A78
Peach Bloom
- 6CB5D7
≈ Skyscape
Analog -30° +30°
- D89A78
Peach Bloom
- DC9494
≈ Dusty Cedar
- C8A469
≈ Classic Gold
Triadisch +120° +240°
- D89A78
Peach Bloom
- 6EBCA1
≈ Mint Cold Green
- A9A1DF
≈ Simply Violet
Geteilt komplementär +150° +210°
- D89A78
Peach Bloom
- 5FBBC0
≈ Pharaoh’s Seas
- 89ACE2
≈ Queer Blue
Tetradisch +90° +180° +270°
- D89A78
Peach Bloom
- 8DB883
≈ Aniseed Leaf Green
- 6CB5D7
≈ Skyscape
- C398CD
≈ Amethyst Show
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.38:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.81:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--peach-bloom: #d89a78;
--peach-bloom-rgb: 216 154 120;
--peach-bloom-oklch: oklch(0.738 0.088 49.7);
}
.element {
color: var(--peach-bloom);
background-color: hsl(21 55% 66%);
border-color: oklch(0.738 0.088 49.7);
}Tailwind CSS v4
@theme {
--color-peach-bloom: #d89a78;
--color-peach-bloom-50: #ffefdf;
--color-peach-bloom-100: #ffe0ce;
--color-peach-bloom-200: #f4cab2;
--color-peach-bloom-300: #ddab8e;
--color-peach-bloom-400: #c98f6f;
--color-peach-bloom-500: #b5744f;
--color-peach-bloom-600: #996244;
--color-peach-bloom-700: #7b4f36;
--color-peach-bloom-800: #5b3927;
--color-peach-bloom-900: #40271a;
--color-peach-bloom-950: #29150b;
}SCSS
$peach-bloom: #d89a78;
$peach-bloom-rgb: 216, 154, 120;
$peach-bloom-light: mix(#fff, $peach-bloom, 20%);
$peach-bloom-dark: mix(#000, $peach-bloom, 20%);
.element {
color: $peach-bloom;
box-shadow: 0 0 0 2px rgba($peach-bloom, 0.35);
}